《第02章CCS样式表.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、CCS样式表高级网页技术（一）CCS简介CCS是CascadingStyleSheet的缩写，中文可译为“层叠式样式表”。它包括CSS1和CSS2两个版本，主要作用是用于网页的排版。学会了CSS的一些基本的功能，你就可以像使用Word一样来设计你的网页了。CSS优势之一：维护方便例CSS优势之一：维护方便这个CCS程序代码的含义是：网页内所有

标记内的字型格式均被设置成红色细明体且斜体显示；你如果想改变

标记的样式，只须改变CCS程序代码

2、的内容，而不需要去改动HTML代码。样式表的其他优点二、缩短网页的下载时间浏览者只需下载一次声明格式的CSS代码，既可提供给整个网站的所有网页使用。三、强大的样式功能运用CSS提供的样式可以替代用图形处理软件制作的文字与图形特效，如火焰字、阴影效果等。四、实现HTML元素精确的定位以往的网页定位都采用表格定位，但一般只能用于规则的定位，而使用CSS样式表可以实现任意的定位效果。CCS样式表的基本格式行内样式语法格式单一选择器声明多个选择器集体声明行内样式语法格式1.语法2.范例

3、=“font-style:italic;color:blur;”>欢迎

标记的样式为斜体兰色字体多个选择器集体声明1.语法html标记1,html标记2,html标记3{property1:valuel;property2:value2;.....}2.范例h1,h2

4、,h3{font-style:italic;color:blur}3.说明所有

,

,

标记的样式为斜体兰色字体在HTML中引入CSS1.行内定义样式2.内嵌样式表3.链接样式表行内定义样式直接把CSS的程序代码和传统HTML程序代码写在一起。（例）2.内嵌样式表内嵌样式表的声明方式是将CSS程序代码写在和标记内。例3.链接样式表从外部的样式表文件(.css)中引入特定的样式。举一个简单的例子:假定已经有一个名为bacic.css样式表文件存在,我们只要在和标记内加入以下代码,bacic.css文件内的所定义的样式就被引用

5、了。例类选择器(Class)的定义与引用类选择器(Class）的定义语法一:HTML标记名称.选择器名称{property1:valuel;property2:value2;.....}语法二:.选择器名称{property1:valuel;property2:value2;.....}举例p.one{color:blue;}//此类别选择器只能提供给

标记使用div.two{color:red;}//此类别选择器只能提供给

标记使用div.three{color:white;}//此类别选择器可供任何html标记使用使用说明类别选择器的名称可以由用户自己定义，但这个名称必须由英

6、文或数字构成．property:样式属性名称,两组属性间用分号";"分隔value:属性值,在属性名与属性值之间用":"分隔.类选择器(Class）的引用语法:这里写内容举例:三石工作室

//这里的“三石工作室”文本就被赋予了“one”选择器所指定的样式,即以兰色显示。例关于CSS的几点基本常识CSS中通用的长度单位CSS中定义颜色的几种方式CSS中的继承cursor属性(定义鼠标的形状)CSS中通用的长度单位在CSS中，长度单位可以是正值或负值，其类型有相对长度单位和绝对长度单位。下面列出常

7、用的单位属性：1.相对长度%：百分比，一般取父元素的百分率。em:表示字体的高度的单位ex:表示字体中字母X的高度CSS中通用的长度单位绝对长度pc:1pc相当于12ptpt:1pt相当于1/72in（英寸）px:像素，即计算机屏幕上一点的距离mm:毫米cm:厘米in:英寸CSS中定义颜色的几种方式用英文关键字定义颜色aquablackbluefuchsiagraygreenlimemaroonnavyoli

当前文档最多预览五页，下载文档查看全文

侵权申诉 举报

此文档下载收益归作者所有

下载文档

当前文档最多预览五页，下载文档查看全文

点击下载本文档