传智播客详解Css3简介与引入方式

发布时间:2017-09-08 14:37:26

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样式

搜狐的网站

淘宝网

诚聘英才

Advertises

关于我们

About

商务合作

Cooperation