2)

属性:一些事物的基本特征

属性----标签属性  <img src=" "  width=" "  height=" px"/>

            样式属性  <style> </style>

*二者区别:1.位置不一样 2. 写法不一样

选择器: 

          标签选择器

          id     选择器

          class选择器

样式由选择器权重来决定----标签权重1     class权重10     id权重100

*权重可以叠加

                 .as   a{

                               color:black;

                            }  

*注意事项:<p  class=" aa  bb ">...</p>

                    p {

                        color : red         ! important ;    权重无限大

                        } 

浏览器执行代码-----从上往下,从左到右

选择器的种类:

                     1. 标签选择器

                     2.id选择器

                     3.class选择器

                     4.后代选择器

                                           p  a  {

                                                     color : red ;

                                                     }                              标签嵌套多层关系(包含一层)

                     5.子代选择器

                                        . pp > a {

                                                        color : red ;

                                                      }                             标签嵌套只有一层关系

                     6.交集选择器

                                          # p . aa {

                                                          color : red ;

                                                       }                             *千万不能把标签写后面,如.aap

CSS

css指层叠样式表【Cascading Style Sheets】,给html添加样式

<style  type  = " text / css " >

</style>

html 的 type= " text / html

网页中如何嵌套style样式?

          1. 行间样式---将style当做属性写在标签内。 权重1000

                 < p    style = " color : red ; " > </p>

          2. 行内样式---把style当做标签写在head之间

                  < head >

                              < meta  charset = "UTF-8" >

                              < title > < / title >

                              < style  type = " text / css " >

                                            p { 

                                                    color : red  ;

                                                }

                             < / style >

                   < / head >

           3. 外部引入---把style当做css文件来用

                       < head >

                                < link  type = " text / css "  rel = " stylesheet "  href = " " >

                       < / head >

                       rel   href  是必不可少的

                      *备注:双标签,必须写结束标签         ( p可以忽略结束标签 )

             4. 嵌入式---

                              @ important     url   ( "   "  )

【 CSS三种引入方式:

                         1)行间样式---把style当属性用,键值对在属性值中该怎么用怎么用

                         2)行内样式---把style当标签用,键值对还是老样子

                         3)外部引入---把样式写在css文件中,还是以键值对形式书写样式 】

posted @ 2018-09-10 17:19  黑太阳-  阅读(232)  评论(0编辑  收藏  举报