文档介绍：CCS样式表
高级网页技术(一)
S样式表
CCS简介
CCS是Cascading Style Sheet的缩写,中文可译为“层叠式样式表”。
它包括CSS1和CSS2两个版本,主要作用是用于网页的排版。
学会了CSS的一些基本的功能,你就可以像使用Word一样来设计你的网页了。
S样式表
CSS优势之一:维护方便
例
<style>
<!--
H3{font-family:"细明体“;
font-style:italic;
color:red;}
-->
</style>
S样式表
CSS优势之一:维护方便
S程序代码的含义是:网页内所有<H3>标记内的字型格式均被设置成红色细明体且斜体显示;
你如果想改变<H3>标记的样式,S程序代码的内容,而不需要去改动HTML代码。
S样式表
样式表的其他优点
二、缩短网页的下载时间
浏览者只需下载一次声明格式的CSS代码,既可提供给整个网站的所有网页使用。
三、强大的样式功能
运用CSS提供的样式可以替代用图形处理软件制作的文字与图形特效,如火焰字、阴影效果等。
四、实现HTML元素精确的定位
以往的网页定位都采用表格定位,但一般只能用于规则的定位,而使用CSS样式表可以实现任意的定位效果。
S样式表
CCS样式表的基本格式
行内样式语法格式
单一选择器声明
多个选择器集体声明
S样式表
行内样式语法格式
1. 语法
<html标记 style = "property1:valuel; property2:value2; ">
<h1 style=“font-style:italic;color:blur;”>欢迎</h1>
property:样式属性名称,两组属性间用分号";"分隔
value:属性值,在属性名与属性值之间用":"分隔
S样式表
单一选择器声明
html标记{property1:valuel;property2:value2;.....}
p {font-style:italic;color:blur}
所有<p>标记的样式为斜体兰色字体
S样式表
多个选择器集体声明
html标记1,html标记2,html标记3 {property1:valuel;property2:value2;.....}
h1,h2,h3 {font-style:italic;color:blur}
所有<h1>,<h2>,<h3>标记的样式为斜体兰色字体
S样式表
在HTML中引入CSS
S样式表