9.10 Html

一、属性:表示事物的一些特征。

属性分为标签属性样式属性

标签属性:<img src="1.png" width="110px" height="200px"/>

样式属性:

两者的区别:1.位置不一样。样式属性写在style中,标签属性写在标签内。

                      2.写法不一样。样式属性是属性、属性值,标签属性是属性、属性值。

二、选择器,标签选择器,id选择器,class选择器。

样式到底按什么要求?

由选择器的权重来决定。

标签的权重是1  class的权重是10  id的权重是100.

备注,权重可以叠加。

扫描二维码关注公众号,回复: 3119159 查看本文章

 

 注意事项:

 权重无限大

浏览器如何去执行代码?

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

选择器的种类

1.选择器

2.id选择器

3.class选择器

4.后代选择器: 标签嵌套多层关系(包含一层)

5.子代选择器: 标签嵌套只有一层关系

6.交集选择器: 备注 千万不能把标签写在后面 如 .aap

三、css

Css指层套叠样式表。目的是给html添加样式。 Html的type="text/css"

网页中如何嵌套style样式?

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

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

2.行内样式 把style当做标签来用,写在head之间。

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

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

rel和href是必不可少的。

备注:双标签必须写结束标签  p可以忽略结束标签。

4.嵌入式  

Css三种引入方式:

行间样式把style当做属性使用,键值对属性值中该怎么用就怎么用。行内样式把style当做标签使用,键值对还是老样子。

外部引入将样式写在css中,还是以键值对的形式书写样式。

猜你喜欢

转载自www.cnblogs.com/yuanyeds/p/9621916.html