二 CSS简介
目标 是能看懂CSS,能写一点简单的。
1.CSS:层叠样式表。 样式定义了HTML怎样去显示。利用外部样式表可以提高工作效率,外部样式表放在css文件中。
2.CSS定义的语法:selector{property:value}
body{color:red} 多个值用双引号p {font-family:"sans serif"}多个属性每个属性用分号分开;p {text-align:center;color:red}
3.一份内嵌式样式表应该在有单独文档有特殊样式的时候使用。使用<style>标签在head区域内定义样式。
<head>
<style>
hr{color: red}
body{background-image:url("images/back40.gif")}
</style>
</head>
4.a:link {color:green}
a:visited{color:yellow}
a:hover{color:black}
a:active{color:red}
这个表示链接不同状态下的颜色,点过是什么颜色,鼠标放上去还没点是什么颜色等。
5.css中的伪类:伪类对元素进行分类是基于特征(characteristics)而不是他们的名字,属性活着内容;原则上特征是不可以从文档树上推断得到的。在感觉上伪类是动态的,当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。 例外的是":first-child"能通过文档树推断出来,":lang"在一些情况下也在文档树中推断出来。
伪类有: :first-child :link vistited :hover: ; active:focus
:lang
何为伪类? 就是css内植类css内部本身赋予它一些特性和功能,也就是你不再用class=...或者id=...你就可以直接拿来使用,当然你也可以改变它的部分属性,比如:a:link{color:#ff0000}
伪类(Pseudo classes)是选择符的螺栓,用来制定一个或者与其相关的选择符的状态,他们的形式是 selector:pseudo class{property:value},简单的用一个半角英文冒号(:)来隔开选择符和伪类。
css很多的建议并没有得到浏览器的支持,但有四个可以安全使用的用在连接上的伪类。
:link 用在未访问的连接上
:visited用在已经访问过的连接上
:active用于获得焦点(比如,被点击)的连接上
:hover 用于鼠标光标置于其上的连接。