09.CSS简介

一、 CSS简介

由于HTML的局限性，只关注内容和语义，所以需要css来做网页的美容师。

html与css.png

CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.，也可以称之为 CSS 样式表或级联样式表。

CSS 是也是一种标记语言，主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、 边距等）以及版面的布局和外观显示样式。

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

总结：

1. HTML 主要做结构,显示元素内容.

2. CSS 美化 HTML ,布局网页.

3. CSS 最大价值: 由 HTML 专注去做结构呈现，样式交给 CSS，即 结构 ( HTML ) 与样式( CSS ) 相分离。

二、CSS语法规范

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

    <style>
    /*选择器与{}间要有空格，属性的":"后面要有空格，多个属性值之间用空格隔开，多个属性换行写，且后面要加英文状态下的分号";"*/
  选择器 {
            属性1: 属性值1 属性值2;
            属性2: 属性值；
        }
    </style>

1.选择器是用于指定 CSS 样式的 HTML 标签。
2.花括号内是对该对象设置的具体样式
3.属性和属性值以“键值对”的形式出现
4.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等
5.属性和属性值之间用英文“:”分开
6.多个“键值对”之间用英文“;”进行区分
7.所有的样式，都包含在 <style> 标签内，表示是样式表。<style> 一般写到 </head> 上方。