CSS基础（一）四种样式
2012-05-07 20:59
246 查看
（一）控制页面有四种样式
（1）行内样式
<div style='color:red'></div>
html不够纯净,文件体积过大，后期维护成本高
(2)内嵌样式
<html> <head>
<style>
color:red;
</style>
</head><body></body>
<html>
适用于文件较小的html 比如登陆页面之类的
(3)链接样式
<link type='text/css' rel='stylesheet' href='css/css.css'/>
适用最多的样式 推荐
（4）导入样式
@import(css.css);
对css进行模块化的管理，旧的浏览器有些不支持
四种样式的顺序：行内>内嵌>链接样式>导入样式
（1）行内样式
<div style='color:red'></div>
html不够纯净,文件体积过大，后期维护成本高
(2)内嵌样式
<html> <head>
<style>
color:red;
</style>
</head><body></body>
<html>
适用于文件较小的html 比如登陆页面之类的
(3)链接样式
<link type='text/css' rel='stylesheet' href='css/css.css'/>
适用最多的样式 推荐
（4）导入样式
@import(css.css);
对css进行模块化的管理，旧的浏览器有些不支持
四种样式的顺序：行内>内嵌>链接样式>导入样式
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【css】关于层叠样式的基础
- CSS样式基础知识
- css基础样式（9）-定位、浮动
- 学习笔记-《零基础学习HTML5—html+css基础 》4.CSS基础样式（上）
- html css层叠样式基础（样式的继承）（五）
- 浏览器兼容CSS基础样式，重置CSS样式，早日脱离IE6
- JavaSE基础 awt Font 四种字体样式
- CSS基础（二）基础样式
- CSS样式基础知识
- 蓝鸥零基础学习HTML5第四讲 CSS的基础样式
- CSS的一些基础样式，继承性权重问题
- CSS基础:text-overflow:ellipsis溢出文本的显示样式
- CSS基础-11CSS样式-表格
- html css层叠样式基础（常用选择器）（三）
- html css层叠样式基础（选择器的优先级）（六）
- CSS基础--常用样式
- XML1.0基础 PI指令 引用css文件设置样式
- CSS基础样式
- css基础 并集选择器 多个元素加上同一个样式
- Html+Css基础之样式布局模型