CSS:层叠样式表(英文全称:Cascading Style Sheets),是一个用于修饰文档(可以是标记语言HTML,也可以是XML)的计算机语言。
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。可以将文档以更优雅的形式呈现给用户。
1.作用:修饰页面
2.层叠:多个样式用于同一个元素
样式:color font-size
表:css代码、css文件
3.工作原理:(1)加载html,然后加载css,浏览器将html和css结合,转换为DOM
(2)浏览器显示DOM的内容
DOM:文档对象模型,是一个树形结构,其中的元素、属性、文本称之为节点。每个节点在节点树中都有对应的关系节点(比如父节点,兄弟节点)。
4.语法
(1)声明
属性名:属性值
css中区分大小写,对大小写比较敏感
(2)声明块
将多个声明放在一个 {} 里面,每个声明之间使用 ;分隔
{
color:red;
font-size:12px;
}
(3)规则
选择器{
color:red;
}
(4)注释:/*注释内容*/
(5)作用:1.记录你的编程思路
2.便于后期代码的维护
(6)空白:可以在css代码中添加一些空白(空格、回车),提高代码的可读性
(7)速写形式:
类似于font,background, padding, border, margin 这些都被称为速记属性。这些属性允许在一行中写多个属性值。速记属性可以节省时间,使代码整洁。
例如:padding:1px 2px 3px 4px;(上 右 下 左)
(padding-top padding-right padding-bottom padding-left)