正在加载数据...请稍候

Loading

WEB2.0之CSS简介及教程(CHM格式)

 / 2008-4-20 18:40:14 / 深蓝色 / 共享时代 | share / 浏览( ) / 评论( )

仅仅修改一个文件就可以改变几百个、甚至是成千上万个网页的外观和布局样式,这就是CSS的力量。

 

什么是CSS:

 

下面是CSS的一些基本“身份”信息:

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

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

3、在标准网页设计中CSS负责网页内容(XHTML)的表现。

4、CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀。

5、可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课。


6、CSS是由W3C的CSS工作组产生和维护的。

 

CSS怎样使用:

 

用一句简单的话来概括CSS,就是把对网页的设计与布局放在一个“格式”文件里面,形成一个.css文件,如:style.css,然后,哪个网页想用style.css里面定义的设计与布局,只要用下列代码写在网页的头部就可以了:

<head>
<title>网页标题</title>
<link rel=stylesheet href="style.css" type="text/css">
</head>

 

CSS能定义网页的哪些东西:

 

文字或元素的颜色 color
背景颜色  background-color
背景图像  background-image
字体   font-family
文字大小  font-size
列表样式  list
鼠标样式  cursor
边框样式  border
内补白 padding
外边距 margin
……

(太多了!)

 

怎样学习CSS:

 

笔者个人意见:多写、多看、多改、多测试,慢慢地你就能成为一个CSS的高手。其实所有网页的css文件都能下载,如果你发现一个好看的网页,右键—查看源文件—找到<link rel=stylesheet href="style.css" type="text/css">,或者搜索.css,如果找到了,就可以把它的css文件下载下来,然后就用<link rel=stylesheet href="style.css" type="text/css">的代码可以放在你的网页里去,测试、修改了。如果你想把css文件放在一个文件夹里面,如stylecss,用<link rel=stylesheet href="stylecss/style.css" type="text/css">就可以了。

 

另外,现在有许许多多的css学习网站,您可以上去看看,一定能有所收获。如: 

 

http://www.cssremix.com 

http://www.cssdrive.com 

http://www.cssbeauty.com 

http://www.cssplay.co.uk

 

下面是苏沈小雨写的css教程:下载文件

正在读取评论数据,请稍候...
正在加载评论签写框,请稍候...
 
  繁体中文