您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

CSS教程(精讲版)

时间:02-13来源:作者:点击数:

CSS图标CSS 是「Cascading Style Sheet」的缩写,中文译为「层叠样式表」,用来控制 HTML 文档(网页)的显示样式,也即美化网页。CSS 是一种描述性的样式语言,而不是编程语言,所以没有逻辑处理能力。

这套 CSS 教程涵盖了最新的 CSS3 版本,既有入门知识,也有进阶技巧,并且附带了大量示例,将带您全面地学习 CSS。

为什么要学习 CSS?

CSS 在 Web 开发领域有着举足轻重的地位,是成为一名前端工程师必备的技能之一,下面列举了一些学习 CSS 的优势:

  • 简单易学:CSS 很容易学习和理解,并且对 HTML 文档有着强大的控制能力,所以我们通常使用 CSS 来设置 HTML 文档的样式;
  • 节省开发时间:您可以将编写好的 CSS 样式保存到一个 .css 格式的文件中,然后在多个 HTML 页面中引用;
  • 易于维护:将 CSS 样式保存在一个 .css 格式的文件中还有一个好处,就是当对网页进行改版时,您只需要修改这个 .css 格式的文件,所有应用该文件的网页都会自动更新;
  • 多种设备兼容:CSS 允许针对不同类型的设备(例如台式机,手机等)来设计网页的样式。

读者

本套 CSS 教程适合对 HTML 有一定了解的人员阅读,通过学习本教程您将拥有独立开发网页的能力。

阅读条件

在学习本教程之前,您需要具备以下能力:

  • 使用任何文本编辑器处理基本的文字;
  • 创建目录和文件;
  • 浏览不同的目录;
  • 使用当下流行的浏览器(例如 Chrome 或 Firefox)浏览网页;
  • 使用 HTML 或 XHTML 开发简单的网页。

如果您不熟悉 HTML 和 XHTML,那么建议您首先阅读我们的《HTML教程》。

教程目录:
1.CSS是什么
2.CSS语法规则
3.CSS选择器
4.HTML引用CSS(4种方法)
5.CSS注释(附带示例)
6.CSS长度单位汇总
7.CSS颜色设置(6种方法)
8.CSS background(背景)
9.CSS字体样式(font)
10.CSS文本格式化
11.CSS链接样式(4种)
12.CSS边框样式(border)
13.CSS表格样式(table)
14.CSS list-style(列表样式)
15.CSS盒子模型精讲
16.CSS width和height(宽度和高度)
17.CSS margin(外边距)
18.CSS padding(内边距)
19.CSS cursor(鼠标样式)
20.CSS outline(轮廓)
21.CSS精灵图(Sprite)
22.CSS滚动条样式(overflow)
23.CSS计数器精讲
24.CSS visibility(元素可见性)
25.CSS display(元素显示类型)
26.CSS position定位(5种方式)
27.CSS z-index:元素堆叠
28.CSS float(浮动)
29.CSS伪类选择器(非常详细)
30.CSS伪元素(非常详细)
31.CSS透明度(opacity)
32.CSS @规则(详细)
33.CSS媒体查询(@media)全面解析
34.CSS圆角(border-radius)完全解析
35.CSS border-image(边框图片)
36.CSS渐变色(颜色渐变)10分钟入门
37.CSS阴影效果(2种方法)
38.CSS 2D转换(5种形式)
39.CSS 3D转换(5种形式)
40.CSS transition(过渡效果)详解
41.CSS动画(animation)10分钟入门教程
42.CSS column(多列布局)
43.CSS box-sizing:改变盒子模型
44.CSS filter(滤镜)详解
45.CSS flex布局(弹性布局/弹性盒子)
46.CSS resize(调整元素大小)
47.CSS响应式布局(自适应布局)教程
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门