本文详细梳理了CSS的重要概念，包括盒子模型、链接伪类的顺序、选择器权值、字体属性、文本样式、边框与内边距、外边距、display属性、背景样式和列表样式。此外，还介绍了float属性的浮动效果和position元素定位的基本原理。通过本文，读者可以全面了解CSS的基础与进阶知识。
CSS（Cascading Style Sheets）层叠样式表
CSS使用方法
| 类别 | 引入方法 | 位置 | 加载 |
|---|---|---|---|
| 行内样式 | 在开始标签的style属性中 | HTML文档内 | 同时 |
| 内部样式 | 在<head>标签中的<style>标签内部 | HTML文档内 | 同时 |
| 外部样式 | 在<head>标签中用<link>标签引入 | CSS样式文件中 | 页面加载时，同时加载CSS样式 |
| 导入式@import | 在<head>标签中的<style>标签中的第一行 | CSS样式文件中 | 在读取完HTML文件之后加载 |
说明：使用<link>标签引入的样式表与内部样式表的优先顺序取决于所处位置的先后。
链接伪类
| 伪类 | 说明 |
|---|---|
| ：link | 未访问的链接 |
| ：visited | 已访问的链接 |
| ：hover | 鼠标悬停状态 |
| ：active | 激活的链接 |
其中其他元素也有：hover 和：active 伪类。
链接伪类的顺序 ：link >：visited>：hover>：active
a：hover必须在a：link和a：visited后面才有效
a：active必须在a：hover后面才有效
CSS选择器权值：
标签选择器：权值为1。
类选择器和伪类选择器：权值为10。
ID选择器：权值为100。
行内样式：权值为1000。
通配符选择器和继承样式：权值为0。
！important 声明了的样式 权值最高
字体：font-family
字体集：serif、sans-serif、monospace、cursive、fantasy
sans-serif与serif的区别是sans-serif的字体没有小尾巴。
字体大小：font-size
| 属性值 | 大小 |
|---|---|
| xx-small | 9px |
| x-small | 11px |
| small | 13px |
| medium | 16px |
| large | 19px |
| x-large | 23px |
| xx-large | 28px |
最低0.47元/天 解锁文章
扫一扫
6085
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
