css one

css样式:

  1    内嵌        书写在style后面的“”里,如有多条样式代码则用分号隔开      如 <p  style="cloor:red";font-size: 13px";>红色文字十三号字体

  2    内联        书写方式(得在<head>标记中 )

                                                   格式       <style>

                                                                          p{

                                                                              background-color:skyblue

                                                                            }

                                                                </style>

 3  外联        书写方式于内联一 的样得在<head>标记中

                                                     格式  <link rel="styleheet"   heef="  要使用的css路径">

 

选择器:

                            元素选择器(标签选择器)如 p标签 a标签 li标签  ul标签 等

                                                                         p{

                                                                             font-size:20px;

                                                                           }

               id选择器   (此处box1是元素值)

                                                          #box1{

                                                                         ..............

                                                                     }

               class选择器(l类选择器)

                                                          .box1{

                                                                    ...............

                                                                    }

               属性选择器

                              如果希望选择有某个属性的元素,而不论属性值是什么,可以使用简单属性选择器

                                   把包含标题(title)的所有元素变为红色

                                                                                      *[title] {color:red;}

                                例如,为了将同时有 href 和 title 属性的 HTML 超链接的文本设置为红色,可以这样写:               

                                      a[href][title]{

                                       color:red;

                                       }

              

                  伪元素选择器

                                     :first-line{              }                第一行

                                     :first-letter{               }            第一列

                                      :before{                 }                在xx之前

                                      :after{                }                    在xx之后         

                    

                  伪类选择器

                                    :link{               }                       未被访问

                                     :visited{               }                    访问以后               

                                     :hover{             }                        当鼠标悬停

                                     :active{              }                       点击时

                         

                   伪类选择器

                                   :nth-child( 数字 )                                       同类兄弟中顺数第   个 

                                   :nth-last-child( 数字 )                                 同类兄弟中倒数第    个 

                                   :first-child{                }                             同类兄弟中第一个 

                                    :last-child{                 }                             同类兄弟中最后一个 

                                    :nth-child(odd){                }                     同类兄弟中的奇数项

                                    nth-child(even){                }                    同类兄弟中偶数项

                                    nth-child(数字n+数字){                }            同类兄弟中每  x 个循环

                   通配符(常用语于页面前)

                           *{

                                ................

                             }

                    并集选择器(不限元素)

                                如

                                 h1,h2,...h6{

                                                  ...................

                                  }

                      后代选择器(被选中级的子级也会被选上)

                                                                           如 span{

                                                                                         ..........

                                                                                         }

                       子级选择器(只会选中第一子级)

                                                                          如 ul > li{

                                                                                       ......................

                                                                                       }

posted @ 2017-04-15 21:38  泉有  阅读(280)  评论(0编辑  收藏  举报