css 课堂笔记

 

一、属性

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

分为两种：1、标签属性

                  2、 样式属性 

两者的区别：位置不一样  （样式属性写在style中，标签属性写在标签内）

                      写法不一样（样式属性是属性：属性值，标签属性是属性="属性值")

二、选择器
  选择器

              标签选择器

              id选择器

             class选择器

样式由选择器的权重来决定

      标签的权重：1      class的权重为 10          id的权重为  100                        （备注：权重可以叠加）

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

选择器的分类：

　　　　　　　　1、标签选择器

　　　　　　　　2、id选择器

　　　　　　　　3、class选择器

　　　　　　　　4、后代选择器 （标签嵌套多层关系）

　　　　　　　　5、子代选择器（标签嵌套只有一层关系）

　　　　　　　　6、交集选择器 （千万不能把标签写在后面 如：.aap）

三、css

css叫层叠样式表 ，用于给html添加样式

网页中如何嵌套style样式

　　　　1、行间样式（将style当做属性写在标签内)

　　　　　　　例如：<P style="color：red；"></p>

　　　　2、行内样式（将style当做标签来写，写在head之间）　　　

　　　　　　　　例如:<style>

　　　　　　　　　　　　p{color:red;}

　　　　　　　　　　</style>

　　　　3、外部引用  （把style当做css文件来用）

　　　　　　　　例如：<link  type="text/css" rel="stylesheet" href="./01.css”>（备注：rel和href是必不可少的）

　　　　4、嵌入式（@ import url （"02.css"）

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

行内样式把style当做标签使用，键值对还是老样子；

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