CSS

CSS部分也只是添加一些自己不太熟悉的部分。

1.派生选择器

比如你想要p标签里面的a标签（无论嵌套有多深）没有下划线而不是全局的a标签没有下划线，你可以这样写

p a{

　　text-decoration:none;

}

如果写作p>a则只能p直接下面的a标签。

当然这只是一个简单的例子，可以自定义其他显示的规则。

另外可以通过id来建立派生选择器,例:footer 里面的链接没有下划线

#footer a{

　　text-decoration:none;

}

ps : 也可以通过id单独设置样式

2.类选择器

.sign p{ color:red; } 这句话的意思是类名为sign里面的p标签文字都是红色的。例：

p .sign{ color:red; } 这句话的意思是那些类名为sign的p标签文字是红色的。 例

3.属性选择器

为带有某个属性的标签设置样式

[title] { color:red; }

还可以指定

[title="flag"] { color:red;}  

但是我觉得这个最主要的作用还是这个例子 

input[type="text"]
{
  width:150px;
  display:block;
  margin-bottom:10px;
  background-color:yellow;
  font-family: Verdana, Arial;
}

input[type="button"]
{
  width:120px;
  margin-left:35px;
  display:block;
  font-family: Verdana, Arial;
}

4.兄弟选择器

h1 + p {margin-top:50px;}

这个选择器读作：“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”。

5.CSS列表的样式

改变ul的样式可以通过下面三个方式

• list-style-type :square,disc,circle,upper-roman,lower-alpha

• list-style-image :添加url,实现自定义的列表项的图标
• list-style-position :inside和outside指的是列表项的图标在这一项的里面还是外面，显示上只是缩进有区别

6.CSS定位

相对定位

设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。 原本空间保留的意思是他在页面中真实占据的位置在原来的位置，而显示却是偏移后的位置。 相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。

绝对定位

设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。

fixed

类似于绝对定位，但是位置是相对于浏览器窗口

7.对齐

使用 margin 属性来水平对齐

可通过将左和右外边距设置为 "auto"，来对齐块元素。

使用 position 属性进行左和右对齐

绝对定位元素会被从正常流中删除，并且能够交叠元素。

参考

[1] w3school

CSS

原文：https://www.cnblogs.com/im73/p/11777087.html