这篇博客介绍了CSS的三种书写方式，包括行内样式、内部样式和外部样式表的使用。同时，讨论了行内元素、块级元素和行内块元素之间的转换方法。此外，文章还详细讲解了CSS的优先级规则，包括继承、类、ID和内联样式的权重，并阐述了层叠性和继承性的概念。通过实例帮助理解如何在样式冲突时决定选择哪个样式生效。
CSS的苦逼学习日记（1）
CSS有三种书写形式：
1.直接在元素标签内书写
2.在<head>与</head>之间创造的<style></style>之中书写样式，默认的是在title标签之下书写
3.另外创一个style.css文件，把相关的样式放入其中，实现逻辑和美化的分离，并在title标签下面用link标签将其路径记录下来，才可以将两者联系起来，这一种方法是实际开发之中用的最多的一种
CSS的背景：
行内元素，块级元素和行内块元素之间可以相互转换：
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
关于层叠性：
如果两个选择器的权重相等（优先级相等），则系统会选择更靠近body的那一个选择器，因为下面一个将上面一个选择器给覆盖掉了，计算机默认是从上到下，从左到右执行，简单理解为所以更靠近下方的会覆盖上面的
关于继承性：
现实生活中的继承：我们继承了父亲的姓
CSS中的继承，子标签会继承父标签的某些样式（不是全部样式），如文本颜色和字号，简单的理解就是：子承父业
text- ,font- ,line- ,这些元素开头的可以继承，以及color属性
扫一扫
212
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
