css学习笔记

CSS的使用方式

• style 属性--->

   

• style 标签---> head 标签里面
• link --->

三种基础选择器的区别

html标签选择器：

• 所有的html标签都可以当做选择器
• 无论标签藏多深都会被选中
• 选择的是所有的标签而不是某个具体的标签

id选择器：

• 任何的标签都可以有id属性和属性值
• id不能够重复

class选择器：

• 任何的标签都可以使用class属性
• class 属性名可以重复使用
• 一个class属性中，可以有多个class 属性值

综合选择器的用法

• 后代选择器 div p
• 交集选择器 div.d1
• 并集选择器 div,p
• 子元素选择器 div>p
• 序列选择器 ul li:first-child ul li:last-child
• 相邻兄弟选择器 div + p
• 普通兄弟选择器 div ~ p

块级元素、行内元素以及它们的区别：

块级元素和行内元素：

• div 块级元素
• span 行内元素

区别：

• 行内元素不能设置宽度和高度。行内元素的宽度和高度是标签内容的高度和宽度。块级元素可以设置宽度和高度。
• 块级元素会独占一行。而行内元素不能够独占一行，只能和其他的行内元素共用一行。
• 如果块级元素不设置宽度，那么块级元素会自动占满父元素的全部宽度。

继承和层叠

• 继承：父元素的某些css属性会被子元素无条件的继承过去。比如，关于文字的css属性都可以进行继承：color text- line- font-
• 层叠：解决css冲突的问题。通过比较权重来解决层叠问题。