属性的特征和一些选择器的使用

1.属性:指事物的一些特征。

  (1)分类:标签属性:直接写在标签里,<img src="     "/ width="    "height="     ">

    (2):   样式属性:<style>

              p{

                color=red;

                }   

            </style>

    (3)区别:位置不一样,写法不一样

2.属性有哪些:1标签属性  src   width   height

        标签属性  background   color   

       2 选择器:标签选择器

            id 选择器

            class 选择器

3.那么在html中有众多选择器中,浏览器会用那那个选择器的样式呢?

   由选择器的权重决定,(标签的权重是1,class的权重是10,id的权重是100.)

        (权重可以叠加)

注意事项

补充:权重无限大

4.浏览器如何执行代码?

   浏览器执行代码是从上到下,从左到右。

5.其他的选择器

  (1)后代选择器:

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

在此选择器中,你选中的是p中所有的后代,为其设置属性。

  (2)子代选择器:

标签嵌套只有一层关系。

在次选择器中,你选择的是p其中一个子代并为其设置属性。 

  (3)交集选择器

备注:千万不能把标签写在后面如   .aap

在此选择器中可以选择同一名称,但不同特性的标签,设置其属性。

 6.css

    (1)css   叫层叠样式表,给html添加样式

html的样式是type="text/html"

(2)我之前写过style是样式标签,

那么如何在网页中嵌套style样式呢?

      行间样式   将style当作属性写在标签内,权重为100。

 

  行内样式  将style当作标签来用,写在head之间

  把style当作css文件来用,外部引入

 

  (1.rel和href是必不可少的 )

  (2.备注:双标标签  必须写结束标签       但p可以忽略结束标签)

css的三种引入方式

    行间样式把style当作属性使用,键值对在属性值中该怎么用就怎么用,

 行内把style当作标签使用  键值对还是老样子,外部引入,将样式写在css文件中,还是以键值对的形式书写样式。

(补充:嵌入式  大概意思是将如图02的样式放入01,而04文字却是02中的样式)

原文地址:https://www.cnblogs.com/guhuai/p/9622401.html