CSS学习笔记1——理论基础

简介

CSS是层叠样式表( Cascading Style Sheets )的简称，有时我们也会称之为CSS样式表或级联样式表。
CSS是也是一种标记语言，CSS主要用于设置HTML页面中的文本内容(字体、大小对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。

CSS让我们的网页更加丰富多彩，布局更加灵活自如。简单理解: CSS可以美化HTML,让HTML更漂亮，让页面布局更简单。

语法规范

CSS规则由两个主要的部分构成:选择器以及一条或多条声明。

选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式

属性和属性值以“键值对”的形式出现

属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等

属性和属性值之间用英文冒号"  ：" 分开

多个”键值对”之间用英文分号" ; "进行区分

代码风格

样式格式

紧凑格式

h3 { color: deeppink; font-size: 20px; }

展开格式

h3 {
    color: pink;
    font-size: 20px;
}

注意：开发时，将代码写为第二种更好，更直观。

空格规范

h3 {
    color: pink;
}

注意：

        1、属性值前面，冒号后面，保留一个空格。

        2、选择器(标签)和大括号中间保留空格。