# CSS简介

# 什么是 CSS?

CSS 英文全称 Cascading Style Sheets,直译过来就是 层叠样式表,是一种用来表现 HTMLXML 等文件的 样式 的计算机语言,

和 HTML 类似,CSS 也不是真正的编程语言,甚至不是标记语言,它是一门样式表语言。

# 语言特点

# 1. 表现与结构分离

  • 将样式部分写到CSS文件中,让HTML独立负责页面结构,这样可以使HTML更加清爽简洁,对搜索引擎更加友好。

# 2. 简化设计开发过程

  • CSS具有完善的继承和丰富的层叠效果,在页面中子元素可以很好的继承父元素中的CSS属性,同样也可以通过叠加样式去设置不同的效果。

# 3. 提高页面浏览速度

  • 页面的效果CSS样式由独立的CSS引擎渲染,就像开了双核处理器一样,加载速度显著提升。

# 4. 支持多种设备

  • CSS可以支持多种设备,比如手机,PDA,打印机, 电视机,游戏机等。

# 5. 易于维护和改版

  • 表现与结构分离后,只要修改CSS文件中相应的代码,那么整个站点的所有页面都会随之发生变动。

# 作用

  • CSS把很多以前需要使用图片和脚本来实现的效果、甚至动画效果,只需要短短几行代码就能搞定。比如圆角,图片边框,文字阴影和盒阴影,过渡、动画等。
  • CSS简化了前端开发工作人员的设计过程,更灵活的页面布局,更快的页面加载速度。
  • 可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的代码,那么整个站点的所有页面都会随之发生变动。
  • CSS可以支持多种设备,比如手机,PDA,打印机,电视机,游戏机等。

# 兼容性

由于 浏览器大战 导致了浏览器对于 CSS属性 的支持标准不一致,部分 CSS属性 在浏览器中可能需要添加特定的前缀。虽然目前较新版本的浏览器都已遵循W3C标准了,但为了更好的向前兼容,前缀还是少不了的。点击查询浏览器对于 CSS属性 的支持情况 (opens new window)

前缀 浏览器
-webkit- Chrome和Safari
-moz- Firefox
-ms- IE
-o- Opera

# CSS 参考手册

你可以找到更完整的CSS属性、选择器的语法,浏览器支持等资料.

# CSS 属性 参考手册

# CSS 选择器 参考手册

# CSS 单位 参考手册

# CSS 颜色 参考手册

# CSS 更多学习资料

# 菜鸟 css教程

# w3cschool css教程

# 慕课网 css教程

# MDN Web Docs css教程

更新时间: 2021年9月7日星期二晚上9点50分