什么是CSS呢 ?
CSS ( Cascading Style Sheets ) 称为串联式排版样式。CSS利用各式的范本样式来辅助HTML,其简洁的语法可以容易的控制HTML标记,而且最大的功能是可以将内容( HTML ) 与格式分开处理 ( 以 . CSS 为后缀储存成一个独立的文件 ) 。
CSS基本语法
HTML标记可为任何标记,多个HTML标记间以逗号 ( , ) 分隔 ; 属性定义为大括弧部份,多个属性定义间以分号 ( ; ) 分隔。
HTML标记 { 属性名称 : 属性设定值 }
如 :
H1 , H3 { COLOR : RED ; FONT-WEIGHT : BOLD }
CSS种类
CSS为什么称为串联式排版样式呢 ? 是因为可以混合使用以下Style Sheets种类,其优先执行顺序依编号排列。
Inline (同列) : 使用HTML标记的STYLE属性,只和定义的区段有效。
如 :
<P STYLE=COLOR:RED>
Embedding (内嵌) : 使用 <STYLE>...</STYLE>标记 ( 置于BODY本文区之前 ),定义HTML标记供整个网页使用。可使用多个<STYLE>...</STYLE>标记
如 :
<HTML> 文件开始
<STYLE TYPE=text/css> 排版样式区开始
<!-- 排版样式区内容 -->
</STYLE> 排版样式区结束
<BODY> 本文区开始 本文区内容
</BODY> 本文区结束
</HTML> 文件结束
Linking (连结) : 使用 <LINK>标记 ( 用于HEAD区 ),即将排版格式分开处理 ( 以 . CSS 为副档名储存成一个独立的文字档 ) ,再连结使用。可使用多个<LINK>标记。
如 :
<HTML> 文件开始
<HEAD> 标头区开始
<LINK TYPE=text/css REL=STYLESHEET
HREF=s1.css> 连结CSS档
</HEAD> 标头区结束
<BODY> 本文区开始
本文区内容
</BODY> 本文区结束
</HTML> 文件结束
CSS 相关的 HTML 标记、属性
CSS 相关的 HTML 标记 :
<STYLE>...</STYLE> 设定 Style Sheet 格式
<LINK> 连结指令
<DIV>...</DIV> 表示章节、摘要、附录
( 允许文字重叠显示 )
<SPAN>...</SPAN> 定义较小区段范围
CSS 相关的 HTML 标记属性 :
STYLE = cssl-properties 样式
ID = value 代号
CLASS = classname 种类