CSS简介

王朝html/css/js·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

什么是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 种类

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航