CSS简介
层叠样式表 (Cascading Style Sheets，缩写为 CSS）， 是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）文档的呈现。
CSS历史
- 两个人合作发明了 CSS
1994年哈肯·维姆·莱提出了CSS的最初建议。伯特·波斯（Bert Bos）当时正在设计一个叫做“Argo”的浏览器，他们决定一起合作设计CSS。 - W3C 开始接管 CSS
1997年初，W3C内组织了专门管CSS的工作组，其负责人是克里斯·里雷。 - CSS 2.1
1998年5月W3C发表了CSS2
CSS2.1修改了CSS2中的一些错误，删除了其中基本不被支持的内容和增加了一些已有的浏览器的扩展内容。 - CSS 3
从 2011 年开始 CSS 被分为多个模块单独升级，统称为 CSS 3。这些模块有：
- CSS 选择器 level 3
- CSS 媒体查询 level 3
- CSS Color level 3
- 更多请 搜索 CSS spec
CSS学习资源
- Google: 关键词 MDN
- CSS Tricks
- Google: 阮一峰 css
- 张鑫旭的 240 多篇 CSS 博客
- Codrops 炫酷 CSS 效果
- CSS揭秘
- CSS 2.1 中文 spec
- Magic of CSS 免费在线书
引入CSS的方式
- 引入外部样式文件
<link rel="stylesheet" href="./a.css">
- 导入外部样式单
- 在style元素中导入CSS文件，示例
<style>
@import url(style.css);
</style>
- 在CSS文件中再导入CSS文件，示例 (较少用)
/*某个CSS文件*/
@import "另一个CSS文件的地址";
.test{
width: 100px;
height: 100px;
line-height: 20px;
background-color: red;
}
- 使用内联样式
<div style="background: red"></div>
- 使用内部CSS样式
<head>
<style>
.content {
background: red;
}
</style>
</head>
style元素和内联样式一样，会造成代码混乱，不易查错，也会给文档加载带来巨大负担。
应尽量使用 <link> 标签导入外部 CSS 文件，避免或者少用使用其他三种方式。
网友评论