CSS基础一

一、CSS概述

HTML主要是负责描述页面的语义，呈现页面结构

css（Cascading Style Sheets），层叠样式表

css的作用：控制网页的排版布局、文本文字样式、图片样式等，可以用来做网页的美化

css最大的贡献：实现结构样式相分离

层叠样式表所有浏览器都支持的

二、css的三种引入方式

1、行内样式（行间样式）

书写位置：放在开始标签中

语法：

如： 

 

 适用情况：单个元素拥有特殊样式时使用

优缺点：

1.直观清楚

2.如果有其他元素想要拥有相同样式时需要重复定义，代码出现冗余

3.结构与样式混杂在一起

2、内部样式

书写位置：写在head标签内部 

语法:

 例如：

 适用情况：单个文档中有元素拥有特殊样式时使用

优缺点：

样式与结构是部分分离的

3、外部样式

书写位置： 

需要在外部新建css文件

css文件的后缀名是.css

语法：

需要引用link标签来引入外部css

三、css的语法

css是由选择器+{}样式声明组 

选择器：挑选出我们想要的元素

css的样式声明可以有多个，每个样式声明中是由属性和属性值构成的，属性与属性值之间用冒号（:）分隔

一条样式声明与另一条样式声明中间是以分号（;）分隔