CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。接下来,传智播客将从Css3的简介与引入方式进行解读。
一、 Css简介
1. 传智播客详解Css3简介与引入方式—什么是Css
(cascading style sheet) 层叠样式表,css就是给html加各种各样的样式,css样式和html结构分离,便于网站的更新
2. 传智播客详解Css3简介与引入方式—Css的发展历程了解
CSS 最早被提议是在1994年,最早被浏览器支持是1996年。
1996年 W3C 正式推出了CSS1.
1998年 W3C 正式推出了CSS2. CSS2.1 是 W3C 现在正在推荐使用的.
css3现在还处于开发中. CSS 3 在包含了所有 CSS 2 所支持的基础上更有所改进.
css1 css2 css3
3. 传智播客详解Css3简介与引入方式—Css注释
html的注释
css注释
/*注释的内容*/ 不被浏览器翻译
4. 传智播客详解Css3简介与引入方式—Css语法介绍
语法格式:
选择器 {属性:属性值; 属性:属性值; }
传智播客详解Css3简介与引入方式—Css语法规则
Ÿ 一个css样式,是由 选择器 和 格式声明语句 所构成
Ÿ 选择器 ,就是选择html标签,就是选择给那个html标签加样式
Ÿ 格式声明语句,要用 { } 括起来,里面放各种各样的格式声明语句
Ÿ 一条格式声明语句 是由 属性:属性值; 构成
Ÿ 属性,就是css各种各样的属性,属性在css中已经定义好了
Ÿ 在属性值的后面用 ; 结束
Ÿ Css样式必须写单位
Ÿ Css样式 的数值单位用 px 像素14px (0不写单位 0)
二、 Css的引入方式
注意:head 中写css样式
1. 传智播客详解Css3简介与引入方式—行内引入方式
通常用在临时测试的时候
格式
<标签 style="”css样式”">
2. 传智播客详解Css3简介与引入方式—内部引入方式(内嵌)
常用的一种样式
语法
type=”text/css” html5版本可以省略,其他的html版本不可以省略
注意:应用当前的网页文件
3. 传智播客详解Css3简介与引入方式—外部引入方式
也是常用的一种样式
yu语法:
语法:
rel=stylesheet 告诉浏览器你使用的是外部的css样式
搜狐的网站
淘宝网