CSS - 初了解

---

一、CSS的主要作用

CSS主要用于设置HTML页面中的文本内容 (字体, 大小, 对齐方式等).图片的外形 (宽高, 边框样式, 边距等.) 以及 版面的布局和外观显示样式.

二、CSS语法规范

CSS规则由两个主要的部分构成 : 选择器以及一条或多条声明
CSS样式一般写在style标签里面

• 选择器是用于指定CSS样式的HTML标签, 花括号内是对该对象设置的具体样式
• 属性和属性值以 “键值对” 的形式出现
• 属性和属性之间用英文 “:” 分开
• 多个 键值对 之间用英文 “;” 进行区分

三、CSS代码风格

1. 样式格式书写

1. 紧凑格式

p { color: red;font-size: 12px; }

2. 展开格式

p {
    color: red;
    font-size: 12px;
}

推荐使用展开格式

2. 样式大小写

样式选择器, 属性名, 属性值关键字全部使用小写字母

3. 空格规范

1. 在属性值前面, 冒号后面, 保留一个空格
2. 在选择器和大括号中间保留空格