CSS简介

什么是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 标记 :

CSS 相关的 HTML 标记属性 :