javaWeb笔记--css简介

二 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 用于鼠标光标置于其上的连接。

你可能感兴趣的:(javaWeb笔记--css简介)