html5_______9.10

1.属性：表示事物的一些特征。

属性：标签属性和样式属性

标签属性：<img src="" width=""height="">

样式属性：<style>                    两者的区别：位置不同、写法不同。

                        P{

                            color:red;

                         }

2.选择器

标签选择器：用style表现标签的特征；如：<p>在style中以P{}的形式来突出<p>的特性。

id选择器：和标签选择器差不多，只不过在使用前style中要加#+编辑的名字       编辑的名字要写英文字母以下雷同

class选择器：和以上选择器差不多，不过在使用前要加.+编辑的名字

样式的高低由选择器的权重决定，如标签的权重为1  ID的权重为100   class的权重为10  style的权重为1000  且权重可以叠加

子代选择器：如同爸爸与儿子之间的一代关系，<p class=”a">            可以用.a>a{                     

                                                                 <a href="“></a>                          color：red；

                                                               </p>                                           }     来表示

后代选择器：如同爸爸是爷爷的后代，儿子也是爷爷的后代。<p>                     可以用p  a{

                                                                                                <a href="">                             color:blue;

                                                                                                </p>                                     }来表示

交集选择器：如同一个人有自己本身的名字和别人给他起的外号；<p class="aa"  id="bb">  可以用#aa.bb{

                                                                                                           aggauhuh                                             color:red;

                                                                                                          </p>                                                       }来表示

3.css

css:层叠样式表，给HTML添加样式                                                   

<style type="text/css">

</style>

html的type是text/css

stml的样式

（1）行间样式将html当做属性写在标签内。

<p style="color:red">爱国福</p>

(2)行内样式 把style当做标签来用 写在head之间

<style type="text/css>

p{

    color:red;

   }

</style>

(3)把style当做CSS文件来用。外部引用

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

css:p{

          color:red;

         }       

href与rel必不可少

备注：双标签必须写结束标签   P可以忽略写结束标签