CSS的背景和三大特性

CSS的苦逼学习日记(1)

CSS有三种书写形式:
1.直接在元素标签内书写
2.在与之间创造的之中书写样式,默认的是在title标签之下书写
3.另外创一个style.css文件,把相关的样式放入其中,实现逻辑和美化的分离,并在title标签下面用link标签将其路径记录下来,才可以将两者联系起来,这一种方法是实际开发之中用的最多的一种

CSS的背景:
CSS的背景和三大特性_第1张图片

行内元素,块级元素和行内块元素之间可以相互转换:

1.display:inline 是将元素转换为行内元素
2.display:block 是将元素转换为块级元素
3.display:inline-block 是将元素转换会行内块元素


关于优先级:
优先级考虑到的问题是权重的问题:
一切看权重,继承: —0,0,0,0 — 元素: 0,0,0,1
------------- 类和伪类: 0,0,1,0 — id: 0,1,0,0 — 行内元素(style):1,0,0,0
CSS的背景和三大特性_第2张图片


关于层叠性

如果两个选择器的权重相等(优先级相等),则系统会选择更靠近body的那一个选择器,因为下面一个将上面一个选择器给覆盖掉了,计算机默认是从上到下,从左到右执行,简单理解为所以更靠近下方的会覆盖上面的


关于继承性
现实生活中的继承:我们继承了父亲的姓
CSS中的继承,子标签会继承父标签的某些样式(不是全部样式),如文本颜色和字号,简单的理解就是:子承父业

text- ,font- ,line- ,这些元素开头的可以继承,以及color属性

你可能感兴趣的:(前端学习,CSS,css)