css基础———简介、语法、引用方式

一：css简介

CSS（Cascading Style Sheets）层叠样式表，web标准中的表现标准语言，在网页中主要对网页信息的显示进行控制，简单说就是修饰网页信息的显示样式。
目前推荐遵循的是W3C发布的CSS3.0

用来表现XHTML或XML等样式文件的计算机语言

1998年5月21日由W3C正式推出的CSS2.0

二：css语法

选择符{属性：属性值;属性：属性值;}

选择符表示要定义的对象，可以是元素本身，也可以是一类元素或者制定名称的元素。

属性是指选择符所具有的属性，他是css的核心，css共有150多种属性

属性值包括法定属性值及常见的数值加单位，如25px，或颜色值等。

说明：

1）：每个css样式由两部分组成，即选择符和声明，声明又分为属性和属性值。

2）：属性必须放在花括号中，属性与属性值用冒号链接，

3）：每条声明用分号结束。

4）：当一个属性有多个属性值的时候，多个属性值直接不分先后顺序。

5）：在书写样式过程中，空格、换行等操作不影响属性显示。

三：样式的创建方式

1.内部样式：

<style type="text/css">

选择符{属性：属性值；}

</style>

规范：内部样式写在head标签内

2.外部样式

1)链接式: <link rel="stylesheet" type="text/css" href="style-1.css">

需要将link写在head内，red：（relation）定义文档关联，这里表示关联样式表

2):导入式

 <style type="text/css">
@import url(css/style.css);
</style>

链接式和导入式的区别
<link>
1、属于XHTML
2、加载HTML结构时同时加载CSS文件

3、可以用js控制DOM去改变样式

4、无兼容问题

@import
1、属于CSS2.1
2、加载完HTML结构后再加载CSS文件

3、DOM无法控制

4、只能在IE5以上识别

3.内联样式（嵌入式样式、行内样式、行间样式）：<标签 style="属性：属性值；属性：属性值"><标签 />

四：样式表的优先级

行内样式优先级最高，内部样式表和外部样式表的优先级和书写顺序有关，后写的优先级别高。