CSS简介


CSS是什么?

  • CSS 是层叠式样式表(Cascading Style Sheets)
  • CSS 介绍了HTML元素如何显示在屏幕上,纸上,或在其他媒体
  • CSS 节省了大量的工作. 它可以同时控制多个网页的布局
  • 外部样式表存储在CSS文件中

CSS 演示 - 一个HTML网页多款式!

在这里,我们将展示一个HTML网页显示四个不同的样式. 点击 "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" 链接查看不同的样式:


为什么要使用CSS?

CSS是用来定义网页的样式,包括设计、布局和变化,显示为不同的设备和屏幕尺寸。


CSS解决了一个大问题

HTML 从未打算包含格式化网页的标签!

HTML 创建用于描述网页的内容, 例如:

<h1>这是一个标题</h1>

<p>这是一个段落.</p>

当像标签,像字体和颜色属性添加到HTML 3.2规范时,它开始变为Web开发人员的噩梦。大型网站的发展,字体和颜色信息被添加到每一个页面,成为一个漫长而昂贵的过程。

为了解决这个问题,万维网联盟 (W3C) 创建了 CSS.

CSS 删除格式的HTML页面!


CSS可以节省大量的工作!

样式定义通常保存在外部.css文件中。

当使用外部样式表文件,你可以通过只改变一个文件改变整个网站的外观!

CSS 实例

css 在线150个实例,通过本站编辑器,你可以学习在线查看修改后css的运行效果。

尝试一下!

CSS 参考手册

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

CSS 属性
CSS 选择器参考手册
CSS 声音参考手册
CSS 单位
CSS 颜色参考手册


CSS 视频教程

CSS视频教程


CSS教程导航