网页设计实例教程 教学课件 作者 陈旭东 孙永芳 崔为花 张晓诺 04.ppt

《网页设计实例教程 教学课件 作者 陈旭东 孙永芳 崔为花 张晓诺 04.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页制作实例教程第4章CSS基础知识本章内容4.1CSS的基本类型4.2CSS的基本写法4.3CSS和表格结合4.4CSS和层结合4.5CSS和列表标签结合4.1CSS的基本类型1.自定义CSS用户可以在文档的任何区域或文本中应用自定义CSS，应用自定义CSS后，相应的标签会出现class属性，该属性的值就是自定义CSS的名称。如果应用与部分文字，那么会出现和标签，并且其中包含class属性。自定义CSS的名字前有一个“.”开头，其后是CSS样式的名字。示例代码如下：.bg{background:url(bg.gif);}

2、lass="bg">4.1CSS的基本类型2.重定义标签的CSS可以针对某一个html标签来定义CSS，也就是说定义的CSS只能应用于选择的标签。例如为标签定义了CSS，则页面中所有的标签都自动应用该样式。示例代码如下：td{color:#666666;font-size:14px}4.1CSS的基本类型3.CSS选择符CSS选择符为特殊的组合标签定义CSS。CSS选择符是一种特殊类型的样式，常用的有四种，意义如下：a:link：定义正常状态下链接文字的样式a:active：定义鼠标点击时链接的样式a:visited：定义链接访问后的样式a:h

3、over：设定鼠标位于链接上时的样式4.1CSS的基本类型A:link{font-size:12px;color:#000000;text-decoration:none}A:visited{font-size:12px;color:#FF9900;text-decoration:none}A:active{font-size:12px;color:#000000;text-decoration:none}A:hover{font-size:12px;color:#000000;text-decoration:underline;position:relat

4、ive;left:1px;top:1px;clip:rect();}4.1CSS的基本类型4.ID选择符ID选择符方式定义的CSS以“#”开头，其后是CSS样式的名字，定义的样式和页面元素的ID属性结合在一起。因为ID属性在页面内是唯一标识符，不能重复。所以ID选择符方式定义的CSS样式在页面内也只能起一次作用。示例代码如下：#picbox{position:absolute;width:128px;height:132px;z-index:1;}