CSS的使用方式和优势

一、css三种使用方式

1.行列样式
例如：

<h1 style="color:red">style属性的应用</h1>  

作用：使用style属性引入css样式style属性设置的css样式仅对当前的HTML标签起作用并且是写在HTML标签中，这种方式不能起到内容与表现分离本质上没有体现出css的优势

2.内部样式
例如：

    <style type="text/css">
		......
	</style>

style标签创建css样式，css代码写到里面
优点:方便在同一个页面进行修改
缺点：不利于多个页面之间共享复用代码的使用以及维护对内容与样式的分离也不够彻底
3.外部样式
例如：

<link rel="stylesheet" type="text/css" href="mystyle.css" />

第一步：创建css文件，使用的时候设计的样式写到css文件当中
第二步：在网页上使用标签

link标签的属性：
href:引用css样式的路径
rel:声明样式表，使用的外部样式
type:声明的样式类型
优点：内容与样式完全分离，可以多个页面之间共享，网页上广泛使用

就近原则：行内样式>内部样式>外部样式

二、使用css的优势

内容与表现分离，网页的表现统一，容易修改，丰富的样式，使得页面布局
更加灵活，减少网页的代码量，增加网页的浏览速度，节省网络宽带，运用独立于页面
的css，有利于网页被搜索引擎收录