HTML⼏种选择器介绍
CSS的使⽤⽅式
style 属性--->
style 标签---> head 标签⾥⾯
link --->
三种基础选择器的区别
html标签选择器：
所有的html标签都可以当做选择器
⽆论标签藏多深都会被选中
选择的是所有的标签⽽不是某个具体的标签
id选择器：
任何的标签都可以有id属性和属性值
id不能够重复
class选择器：
任何的标签都可以使⽤class属性
class 属性名可以重复使⽤
⼀个class属性中，可以有多个class 属性值
综合选择器的⽤法
html ul标签后代选择器 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冲突的问题。通过⽐较权重来解决层叠问题。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。