CSS简介

前言一、 HTML的局限性二、CSS-网页的美容师

总结 三、CSS语法规范四、CSS代码风格

1.样式格式书写2.样式大小写风格3.样式空格风格

说起HTML ,这其实是个非常单纯的家伙,他只关注内容的语义。比如表明这是一个大标题，

表明这是一个段落，表明这儿有一个图片，表示此处有链接。

很早的时候,世界上的网站虽然很多,但是他们都有一个共同的特点:丑。

虽然HTML可以做简单的样式，但是带来的是无尽的臃肿和繁…

CSS是层叠样式表( Cascading Style Sheets )的简称。

有时我们也会称之为CSS样式表或级联样式表。

CSS是也是一种标记语言。

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

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

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

CSS 美化HTML ,布局网页。

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

使用HTML时,需要遵从一定的规范, CSS也是如此。要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则。

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

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

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

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

●属性和属性值之间用英文":"分开

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

以下代码书写风格不是强制规范，而是符合实际开发书写方式

①紧凑格式

h3 { color； deeppink；  font-size； 20px； }

②展开格式

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

强烈推荐第二种格式，因为更直观。

h3 {
color: pink；
}

H3 {
COLOR: PINK；
}

**强烈推荐样式选择器,属性名,属性值关键字全部使用小写字母,**特殊情况除外。

h3 {
	color:  pink；
}

①属性值前面，冒号后面，保留一个空格
②选择器(标签)和大括号中间保留空格