多语言展示
当前在线:204今日阅读:168今日分享:49

css2.0上手教程

CSS2.0是一套全新的样式表结构,是由W3C推行的,同以往的CSS1.0或CSS1.2完全不一样,CSS2.0推荐的是一套内容和表现效果分离的方式,HTML元素可以通过CSS2.0的样式控制显示效果,可完全不使用以往HTML中的table和td来定位表单的外观和样式,只需使用div和 Li此类HTML标签来分割元素,之后即可通过CSS2.0样式来定义表单界面的外观。
工具/原料
1

浏览器

2

文本编辑器

方法/步骤
1

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

2

简单示例: CSS_Tutorial 

Hello World!

This is CSS!

3

当我们加入这个语句后:body{ background-color:#b0c4de;}背景被设置为浅蓝色

4

加入:body{background-image:url('http://exp.bdstatic.com/static/common/widget/top-search-box/logo_1e63520.png');background-repeat:no-repeat;background-position:center;}设置背景图片

5

修改为: CSS_Tutorial 

Hello World! This CSS.

Hello World! This CSS.

Hello World! This CSS.

Hello World! This CSS.

设置段落的文本转换

6

动画效果: Test_CSS 

Baidu Jingyan

图片在网页中运动

注意事项

使用比较高级的浏览器(推荐百度浏览器)