下载APP 把W3Cschool装进口袋
返回 首页

CSS教程

开始阅读

手册说明:

CSS教程简介

本教程主要描述如何通过CSS来大大提升网页开发的工作效率!在我们的 CSS 教程中,您会学到如何使用 CSS 同时控制多重网页的样式和布局。

本 CSS 教程包含了数百个CSS在线实例,通过本站的在线编辑器,你可以在线编辑CSS,并且可以在线查看修改后的效果。

学完本教程之后,W3Cschool推荐您进行实战练习:CSS实战


CSS教程章节简介

本教程通过css基础教程、响应式设计原理及大量css实例让您更全面的学习css的相关知识

1. css教程

2. css响应式设计

3. css实例

什么是CSS?

1. CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。

2. CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。

3. CSS 是用来表现HTML或XML的标记语言。

4. CSS 是由W3C的CSS工作组发布推荐和维护的.

5. CSS 是编程入门人员的必修课,运用CSS样式可以让页面变得美观。

6. CSS语法由三部分构成:选择器、属性和值: selector {property: value}

使用CSS的优势

内容与表现分离,有了CSS,网页的内容(XHMTL)与表现就可以分开了。

使用CSS可以减少网页的代码量,增加网页的浏览速度。

如何使用CSS?

有三种方法可以在站点网页上使用样式表:
1. 外联式Linking(也叫外部样式):将网页链接到外部样式表。
2. 嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
3. 内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
其中,优先级:内联式 > 嵌入式 > 外联式

CSS官方信息

类    型:  计算机语言  

作    者:  w3c组织

CSS官网:  http://www.w3.org/Style/CSS/

CSSAPI文档:  http://www.w3cschool.cn/cssref

CSS在线工具

1. 在线CSS Lint(CSS代码优化)工具:http://www.w3cschool.cn/tools/index?name=csslint

2. 在线CSS代码压缩、格式化工具:http://www.w3cschool.cn/tools/index?name=cssbeauty

3. 校验CSS的正确性:http://jigsaw.w3.org/css-validator/

在学习CSS的同时,你可以了解的知识

《HTML教程》

《Javascript教程》

《Jquery教程》

《AJAX教程》

CSS相关教程

《CSS入门教程》


更新记录
  • CSS 相关教程
    02-24 17:57
  • CSS 拓展阅读
    02-24 17:56
    CSS教程
    02-16 14:22
    CSS教程
    02-15 19:55
    CSS教程
    02-15 19:54
    CSS教程
    02-15 17:25
    CSS教程 - CSS媒体类型
    01-09 09:11
    CSS教程 - CSS伪类
    01-09 09:07
    CSS教程 - CSS媒体类型
    01-09 09:07
    CSS教程 - CSS伪类
    01-09 09:00
目录

CSS 教程

CSS 教程导读
CSS 简介
CSS 语法
CSS Id 和 Class选择器
CSS 创建
CSS Backgrounds(背景)
CSS Text(文本)
CSS Fonts(字体)
CSS 链接(link)
CSS 列表样式(ul)
CSS Table(表格)
CSS 盒子模型
CSS Border(边框)
CSS 轮廓(outline)属性
CSS Margin(外边距)
CSS Padding(填充)
CSS 分组和嵌套
CSS 尺寸 (Dimension)
CSS Display(显示) 与 Visibility(可见性)
CSS Positioning(定位)
CSS Float(浮动)
CSS 水平对齐(Horizontal Align)
CSS 组合选择符
CSS 伪类
CSS 伪元素
CSS 导航栏
CSS 下拉菜单
CSS 图片廊
CSS 图像透明/不透明
CSS 图像拼合技术
CSS 媒体类型
CSS 属性选择器
CSS 总结
CSS 实例

CSS 响应式设计

响应式 Web 设计 – Viewport
响应式 Web 设计 – 网格视图
响应式 Web 设计 – 媒体查询
响应式 Web 设计 – 图片
响应式 Web 设计 – 视频(Video)
响应式 Web 设计 – 框架

CSS实例

CSS 编程实战闯关
CSS 实例
CSS 测验

CSS 相关教程

CSS 入门教程

CSS 拓展阅读

看这一篇就够了,css选择器知识汇总
学会这几种方法css居中很简单
css样式就得这么写(css参考样式集合)
CSS 透明度设置方法及常见问题解析
你想知道的css hack知识全都帮你整理好了
DIV+CSS布局基本流程及实例介绍
初学者必读:CSS是什么?DIV+CSS又是什么?
CSS 布局的基础方法及css布局技巧
厉害了我的哥,css图片居中原来有这么多种方法
CSS 淘宝导航代码集合(附使用技巧)
CSS虚线实现方法及多种应用实例
CSS滚动条实现步骤及美化小技巧
详细的css导航条实现代码及素材下载
CSS两端对齐语法及代码实例教学
CSS半透明属性介绍及代码实例
CSS加载失败的6个原因
HTML引入CSS的常见方法及解析
css鼠标样式语法及20种可选值(属性)

关闭