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可以忽略写结束标签

原文地址:https://www.cnblogs.com/mo123/p/9622030.html