CSS的全称是什么,汉语意思是什么

html-css08

CSS的全称是什么,汉语意思是什么,第1张

英文全称:Cascading Style Sheets

汉语意思:层叠样式表

详细描述:层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。

在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

它的作用可以达到:

(1)在几乎所有的浏览器上都可以使用。

(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

(4)你可以轻松地控制页面的布局 。

(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

想一想,没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的?我们一般使用HTML标签来实现,代码非常烦琐。

很难想象,如果在一个页面里需要频繁地更替字体的颜色大小,最终生成的HTML代码的长度一定臃肿不堪。

说实话,CSS就是为了简化这样的工作诞生的,当然其功能决非这么简单。

CSS是通过对页面结构的风格控制的思想,控制整个页面的风格的。

式样单放在页面中,通过浏览器的解释执行,是完全的文本,任何懂得HTML的人都可以掌握,非常的容易。生殖对一些非常老的浏览器,页不会产生页面混乱的现象。

什麼是CSS

CSS的全名是Cascading Style Sheets(串接样式表)。它是由许多样式名称和样式指定值所组成的字串,我们可以利用设定好的样式表,指定给某一种HTML标签,或某一群组HTML标签来使用。而被套用的HTML标签,将会依据所套用的CSS来显式它的外观。

CSS可说是JavaScript物件模型的一个重要部份,因为在CSS设定之后,我们还可以利用JavaScript重新指定不同的值给元件,而达成动态改变的效果(JavaScript动态改变的功能IE已完全支援,但NC只支援极少部份)。试想我们利用CSS将一段文字设为红色,再利用JavaScript将它改变为篮色,这就是一种动态网页效果啦(NC目前做不到)!

css是用来延伸html而非取代htnl,是用来补html的不足

IE4.0及Netscape支援CSS1.0版,而IE5.0则支援到部分CSS2.0

CSS利用各式的排版样式来辅助HTML,其简洁的语法可以很容易的控制HTML标记,而且最大的功能是可以将资料与显示格式分开处理 ( 以 . CSS 为副档名储存成一个独立的文字档 ) 。

CSS的特点

减少图档的使用,便可以达到文字变化的需求,加快网页传输的速度

集中管理样式,当修改时只需针对样式修改即可

共享样式设定,CSS可另外存档,供每一个网页取用共享

使用CSS有什麼好处

CSS的最大好处是提供了HTML所不支援的属性。例如<FONT>中只可设定文字前景颜色,但CSS可指定背景颜色、背景图形甚至帮它画个外框!所以CSS的出现,将使我们可以运用更多不同的属性,当然网页也会更漂亮啦!

用CSS将会使网页设计速度增快。我们常常会用到许多参数完全相同的标签,如可能用到好几次参数设定一样的<FONT>标签,而还是得每次都重新指定所用的参数。但如果用CSS,就大不相同了!我们可以指定一群的标签都套用某个CSS,这样设定一次全部OK,不是很方便吗?

让许多网页用同一份CSS,可减少网页体积。CSS可独立写成一个档案,再由浏览器於需要时读入。如果数个档案共用一份CSS,将可达到减小网页体积的功效,而且也可以减低网路传输的负荷,可谓一举多得!

串接

让HTML文件可同时套用数个样式表,每个样式表描述不同的物件

将这些样式串接同一网页上,在维护上比较方便

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 种类