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教程导航