正 文

CSS网页样式设计要点


www.7dspace.com  更新日期:2006-1-30 7:56:59  七度空间


第一章 概述

一、CSS简介

1、CSS是Cascading Style Sheets(层叠样式表单)的简称。通常所称的CSS是指CSS1,即层叠样式表单1级。

2、编辑CSS文档:与编辑HTML的方法一样。有如下3种:

用常见的超文本编辑器来实现,如Frontpage,Dreamweaver;

用任何不带格式的文本编辑器来编写,后缀名为.htm或.html,如记事本、写字板;

用任何不带格式的文本编辑器来编写,后缀名为.css。

第二章 CSS初步了解

1、将样式与HTML结合:共有四种方法。

在文档<HEAD>中用<Style type="text/css"></style>定义;

使用<LINK>元素链接到外部的样式表单。<LINK REL="stylesheet" href="style1.css">;

在<BODY>内部的元素中使用<STYLE>定义CSS,如<H3 Style="">;

使用CSS "@import"标记来导入样式表单;

2、选择符

  在h3{font-family:arial}里h3是选择符。font-family是属性,arial是属性值。属性和属性值之间以冒号分隔。如果要定义多个属性,属性与属性之间以分号隔开。要为一个属性定义多个属性值,则用逗号隔开。

  任何一个html标记都可以作为选择符。但是有时用class和id更方便。class总以.号开头,id以#开头。class和id用法差不多,用 id给选择符一个独有的名字,在调用script时会更容易。但是,如果使用样式表单而不使用script,用class比id好。

3、使CSS更容易和更强大

  有几种方法使CSS更容易和更强大:

使用上下文关联的选择符:如strong em{color:red}

选择符编组:如h1,strong em,td{color:blue;}

简化编码:如em{font:12pt/14pt bolder arial,helvetical}

使用锚伪类:如a:link{color:red},选择附中的元素类型可以省略而使用缺省值如:link{color:red}

4、定位

  使用元素的position属性,有绝对定位(absolute)和相对定位(relative)。

5、3D层技术

  使用z-index属性。

6、特殊效果

  包括剪切(clip)、溢出(overflow)、可见性(visibility)属性。剪切属性可以让一些被覆盖的对象显示出来,溢出属性用来指定如果对象放在一个比它小的边框中该怎样处理,可见性属性可以控制一个对象是否看得见——这些是制作特效的好办法。

第三章 CSS进一步学习

1、注释语句:/*在这里加入注释*/

2、伪类:

选择附中的元素类型可以省略而使用缺省值如:link{color:red}

伪类可以被用在关联选择符里:a:link img{border:solid blue}

伪类可以与通用类组合:a.external:visited{color:blue}

3、首行和首字伪元素:

  首行伪元素:p:first-line{font-style:small-caps} 首字伪元素:p:first-letter{font-style:small-caps}

  选择符里的伪元素:p.initial:first-letter{color:red}

4、层叠顺序的具体规则:

如果选择符与元素匹配,那么声明发生作用;如果没有适用的声明,用继承值;如果没有继承值,用默认值。

标注“!important”的比未标注的级别高;

作者的样式表单覆盖读者的样式表单,读者的覆盖UA的。

按选择符的指数来排列。(略)

按顺序排列,后一个执行的胜出。

4页,页码:[1] [2] [3] [4] 

上一篇:PS教程:奶牛效果
下一篇:CSS使用技巧
标题:CSS网页样式设计要点 作者:未知 来源:blog
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐