繁体中文
设为首页
加入收藏
当前位置:在线教程首页 >> 网页设计 >> CSS与特效 >> css 新手上路<一>

css 新手上路<一>

2005-05-25 17:54:00  作者:佚名  来源:internet  浏览次数:140  文字大小:【】【】【
从这一节开始我们将要讨论  CSS  (Cascading  Style  Sheet).  
中文大概叫试样纸吧.  在我们这个教程中还是把它叫做  
CSS  方便点儿.  

什么是  CSS  以及它的功能
虽然  CSS  在网页里是和  HTML  在一起的.  但它不算  HTML.  它的使
用可以扩展  HTML  的功能.  使得我们可以重新定义  HTML  元素的显
示方式.  CSS  所能改变的性质如下  

字体  
文字间的空间  
列表  
颜色  
背景  
Margin  
位置  
我们将会在后面的七节里讨论上面的每一个性质的改变.  在这一节
我们给你提供  CSS  的基础.  

CSS  的定义  (rules)  
CSS  的每一条定义都有如下的形式  

    selector  {property:value;  property:value;  ...}
selector:  第一种是  HTML  的  tag,  比如  P,  BODY,  A  等等.
第二种叫  class,  第三种叫  ID.  你这里先知道有这么三种
具体的咱们以后在谈.  
property:  就是那些将要被修改的性质,  比如  color  
value:  给  property  的值,  比如给  color  的可以是  red  
请看下面的一个典型定义  

    A  {color:  red}
用这条定义所有的联接都变成红色的了.  一般来说我们把所有的
定义全包括在  STYLE  元素里面放到  HEAD  里面.  请试验下面的
网页  

<HTML>
<HEAD>
    <STYLE>
        A  {color:  red}
        P  {background-color:blue;  color:white}
    </STYLE>
</HEAD>
<BODY>
    <A   rel="nofollow" href="http://www.nease.net/~haidian">动态网页制作</A>
    <P>你注意到这一段文字的颜色和背景颜色了吗?</P>  怎么样?
</BODY>
</HTML>
怎么样?  很简单把.  你只要知道所有可以改动的元素和  
它们的性质灵活的运用  CSS  的定义,  你就可以使得你  
的网页制作更上一层楼.  下面一节我们将要告诉你其他  
两种  selector  以及其他一些基础. 此文章不能满足您的需求?那就就Google一下吧:)
Google
 

责任编辑:admin


相关文章
服务器内存技术知识充电
服务器端口过滤防黑法
服务器硬件故障处理几例
FTP命令详解
表格对决CSS
CSS应用常见问题
CSS样式应用技巧
巧用CSS制作树状目录
CSS类及id的规范化命名
用 CSS 实现的阴影效果
CSS实用教程(一)
 

最新文章

更多

· 关于CSS你只需知道的十件事
· CSS网站实用技巧:word-...
· CSS实战:解决图片下面有...
· 中文网页制作中段落缩进...
· 巧用CSS制作树状目录
· CSS重新定义项目符号和编号
· 网页特效大公开
· css新手上路<七>
· css新手上路<六>
· css新手上路<五>

推荐文章

更多

· 关于CSS你只需知道的十件事
· CSS网站实用技巧:word-...
· CSS实战:解决图片下面有...
· 中文网页制作中段落缩进...
· 巧用CSS制作树状目录
· CSS重新定义项目符号和编号
· 网页特效大公开
· css新手上路<七>
· css新手上路<六>
· css新手上路<五>

热点文章

更多