(Translated by https://www.hiragana.jp/)
CSS - 维基百科,自由的百科全书

CSS

よう于调せいぶん档样しきてき标记语言
重定しげさだこう层叠样式ひょう

階層かいそうしき樣式ようしきひょう英語えいごCascading Style Sheets,缩写:CSSまたしょうくし樣式ようしきれつひょう级联样式ひょうくしせっ样式ひょう阶层しき样式ひょう一种用来为结构化文档(如HTMLぶん档或XML应用)添加てんか样式(字体じたい、间距颜色とうてき计算つくえ语言ゆかりW3Cてい义和维护。CSS3現在げんざいやめだい部分ぶぶん現代げんだいりゅうらん支援しえん,而下いちはんてきCSS4仍在开发ちゅう

CSS
层叠样式ひょう
CSS3てきしるべ
扩展めい
.css
互联网媒体ばいたい类型
text/css
统一类型标识public.css
开发しゃ哈肯·維姆·萊はくとく·ぜんたま訊網協會きょうかい
くび发布1996ねん12月17にち,​27ねんまえ​(1996-12-17
格式かくしき类型样式ひょう语言
标准だいいちはん
だいはん
だいはんだいいちおさむ
だい三版各模組目前的規格化進度與規格書連結

CSS仅可以静态地おさむ饰网页,还可以配合はいごうかく种脚ほん语言动态对网页各元素げんそ进行格式かくしき。CSS のう够对网页中元ちゅうげんもと位置いちてきはいばん进行ぞうもと级精确控せい支持しじ几乎所有しょゆうてき字体じたいごう样式,拥有对网页对ぞう模型もけい样式编辑てき能力のうりょく

がいじゅつ

编辑
 
层叠样式ひょう

CSS不能ふのう单独使用しよう,必须あずかHTMLあるXML一起かずき协同工作こうさく,为HTMLあるXMLおこりそう饰作よう本文ほんぶん主要しゅようかい绍用于装饰HTML网页てきCSSわざ术。其中HTML负责确定网页中有ちゅうう哪些内容ないよう,CSS确定以何种外观(大小だいしょう细、颜色、对齐位置いち)てん现这些元素げんそ。CSS以用于设てい页面ぬのきょく、设定页面元素げんそ样式、设定适用于所有しょゆう网页てき全局ぜんきょく样式。CSS以零直接ちょくせつ添加てんかざいよう应用样式てき网页元素げんそじょう,也可以集中しゅうちゅうないおけ于网页、链接しき引入网页以及导入しき引入网页。[1]

CSSさい重要じゅうようてき标是将文まさふみけんてき内容ないようあずか它的显示ぶんへだた开来。ざいCSS现前,几乎所有しょゆうてきHTMLぶんけんない包含ほうがんぶんけん显示てきしんいき字体じたいてき颜色、背景はいけい应该怎样てき如何いか排列はいれつ、边缘、连线とうとう必须いちいちざいHTMLぶんけんないれつゆう时重复列。CSS使作者さくしゃ以将这些しんいきちゅうてきだい部分ぶぶんへだた出来でき,简化HTMLぶんけん,这些しんいきざいいち个辅すけてきようCSS语言うつしてきぶんけんちゅう。HTMLぶんけんちゅうただ包含ほうがん结构内容ないようてきしんいき,CSSぶんけんちゅうただ包含ほうがん样式てきしんいき

如HTMLちゅうh2标志这一个二级标题,它在级别うえいち级标题h1ていさん级标题h3こう。这些しんいき结构じょうてきしんいき

一般来说级别越高的标题其字体也越大,h1てき字体じたい最大さいだいいん为一般来说字体越大它表示的内容就越重要,此外一般标题都使用粗体字,らい突出とっしゅつ它们てき重要じゅうようせい一般いっぱんらいh2使用しようからだ,其字体じたいh3だいh1しょう。这些しんいき显示ようてきしんいき

ざいCSS现前,かり如作しゃよう确定h2标题てき颜色、字形じけい大小だいしょうある其他显示とくせいてき话,よう使用しようHTMLちゅうてきfontある其他样式指令しれいひかりh2够,いんh2ただいち个结构指令しれいかり如一个标题要用斜体字、红色てき白色はくしょくてきそこしょくてき话,作者さくしゃよう这样うつし

<h2><font color="red" bgcolor="white"><i>使用しようCSS</i></font></h2>

这些显示ようてき指令しれい使とくいち个HTML变得非常ひじょう复杂,よう維護也比较困难。かり所有しょゆうてき二级标题都要这样来显示的话,所有しょゆうてき二级标题的指令都要这么复杂。此外读者无法あらため变这些规じょうかり如一个读者更喜欢蓝色的标题的话,无法あらため变标题的颜色,いん为文けんてき作者さくしゃとく别规ていりょう标题てき颜色。

使用しようCSSてきh2指令しれいただ规定文章ぶんしょうてき结构,其显しめせよし样式ひょうらい规定,上面うわつらてきれい以变なり这样:

<h2>使用しようCSS</h2>

ふく从的样式ひょう以规じょうh2指令しれい使用しよう斜体しゃたい,红色和白わじろしょく背景はいけい

h2 { color: red; background: white; font-style: italic; }

这样显示あずか内容ないよう就分开了(ゆかり于CSSてき优点,W3C现在ただしざいこう虑将HTMLちゅうてき许多显示ようてき指令しれい废弃掉)。HTMLただひょう文章ぶんしょうてき结构,CSSひょう所有しょゆうてき显示。CSS指示しじ颜色、字形じけい排列はいれつ大小だいしょう以及其他许多视觉てきひょう达方しき如将一篇文件的内容读出来。

CSS样式しんいき包含ほうがんざい一个附件中或包含在HTMLぶんけんない。读者使用しよう个样しきひょうざいじゅう复的じょう况下以选择其ちゅういち不同ふどうてき媒介ばいかい使用しよう不同ふどうてき样式ひょう如一个文けんざい荧光へいうえてき显示以与ざいしるしつくえちゅうしるし出来できてき显示不同ふどう。这样作者さくしゃ以为不同ふどうてき媒体ばいたい设计さいけいてき显示方式ほうしき。此外CSSてき标之一是让读者有更大的控制显示的自由。かり如一个读者觉得斜体字的标题读起来很困难,使用しよう自己じこてき样式ひょうぶんけん,这个样式ひょう以“层叠”使用しよう以只あらため变红しょく斜体しゃたい这个样式而保留ほりゅう所有しょゆう其他てき样式。

包含ほうがんCSSてきXHTMLぶんけんしめせれい

编辑
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
               "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh">
<head>
    <style type="text/css">
    body{
        background:#fff;
        color:#777;
    }
    h1{
        font-weight:bold;
        font-style:italic;
        font-family:sans-serif;
        color:green;
    }
    </style>
</head>
<body>
    <h1>這個よう綠色みどりいろからだ斜體しゃたい顯示けんじ</h1>
    <p>普通ふつう</p>
    <h1 style="color:red; background:green;">
    這個ようだいてき紅色こうしょく斜體しゃたいざい綠色みどりいろ背景はいけいじょう顯示けんじ通用つうようてきh1樣式ようしきざい這裡だいりょう</h1>
    <h1 style="color: green;"><strong><em>這個よう綠色みどりいろからだ斜體しゃたい顯示けんじ</em></strong></h1>
</body>
</html>

主要しゅよう内容ないよう

编辑

CSSよしぐみ規則きそく組成そせいまい規則きそくよし選擇せんたく」(selector)、「屬性ぞくせい」(property)かず「值」(value)組成そせい

  • 選擇せんたく(Selector):選擇せんたく以半がた逗號(,)へだたひらき
  • 屬性ぞくせい(property):CSS1、CSS2、CSS3規定きていりょう許多きょたてき屬性ぞくせい目的もくてきざいひかえせい選擇せんたくてき樣式ようしき
  • 值(value):ゆび屬性ぞくせい接受せつじゅてき設定せってい值,せきかぎだい以空かくへだたひらき

屬性ぞくせい值之间用はんかたちおかせごう(:)へだた开,屬性ぞくせい值合しょう为「特性とくせい」。个特せい间用“;”へだた开,さいきさきよう“{ }”くくおこりらい

選擇せんたく

编辑

ようはりたいぼつゆうしるべくじ定義ていぎ範圍はんい進行しんこう樣式ようしき設定せってい利用りよう<div>あずか<span>しめぎくじ

CSSうら現在げんざい共有きょうゆう5しゅ基本きほん選擇せんたく(Basic Selectors)[2]2种伪选择不同ふどう选择てき优先级别运作性能せいのう往往おうおう存在そんざい异。[3]

基本きほん選擇せんたく

编辑
  • しめぎくじ選擇せんたく(h1,pとう)——elementname
  • 類別るいべつ選擇せんたく(class)——.elementname
  • ID選擇せんたく(ID)——#elementname
  • まんよう選擇せんたく——* ns|* *|*
  • 屬性ぞくせい選擇せんたく(也翻译为“つうはい选择”)——[attribute]

属性ぞくせい选择

编辑

屬性ぞくせい选择まこと许用户自てい义属せい名称めいしょう,而不仅仅げん于id,class属性ぞくせい屬性ぞくせい选择共有きょうゆう7しゅ[4][5]

だい 说明
[attribute] 元素げんそゆうattributeてき屬性ぞくせい
[attribute="value"] 屬性ぞくせいattributeうらvalue
[attribute~="value"] 屬性ぞくせいattributeうら使用しよう空白くうはくぶんひらきてきくしうら其中いちvalue
[attribute|="value"] 屬性ぞくせいattributeうらvalueあるものvalue-开头てきくし
[attribute^="value"] 屬性ぞくせいattributeうら最前さいぜんてきvalue
[attribute$="value"] 屬性ぞくせいattributeうら最後さいごてきvalue
[attribute*="value"] 屬性ぞくせいattributeうらゆうvalue出現しゅつげんいたりしょういち

組合くみあい选择

编辑

CSSさと现在共有きょうゆう4种組合くみあい选择(Combinators):[2]

符号ふごう 说明
A > B だい选择,选择Aしたいち层的元素げんそB
A ~ B 兄弟きょうだい选择,选择与Aどう层的元素げんそB
A + B あい兄弟きょうだい选择,选择与Aあい邻的元素げんそB(不能ふのうにんなん元素げんそしょうへだた
A B きさきだい选择包含ほうがん选择

选择使用しようしめせれい

编辑

れい

p{
    font-size: 110%;
    font-family: garamond, sans-serif;
}
h2{
    color: red;
    background: white;
}
.highlight{
    color: red;
    background: yellow;
    font-weight: bold;
}

ざい這個れい中有ちゅううさん選擇せんたくph2.highlightcolor: redいち定義ていぎ,其中color屬性ぞくせいredこれcolorてき值。

ざい這裏HTMLちゅうてき結構けっこうP段落だんらくH2(2きゅう標題ひょうだい獲得かくとくりょう不同ふどうてき樣式ようしきまい段落だんらくてき字體じたいてき大小だいしょう包含ほうがん這個段落だんらくてき結構けっこうてき字體じたいてき大小だいしょうようだい10%,其字がたGaramondかりGaramondぼつゆうてきばなし使用しよう一般いっぱんてきsans-serif字形じけい。2きゅう標題ひょうだいてきよう紅色こうしょく底面ていめん白色はくしょくてき。這個れい子中こなかてきだいさん規則きそく規定きていりょういちclassてき樣式ようしき通過つうかclass屬性ぞくせいごとHTML結構けっこう以被指定していため這個classれい如:

<P class="highlight">這個段落だんらくはた顯示けんじためそこべにからだ。</P>

顯示けんじため

這個段落だんらくはた顯示けんじためそこべにからだ

じょ使用しよう<style>これがい,也可於HTML直接ちょくせつ使用しようstyle="/*CSSざい這裡*/"

<p style="color:red; background:yellow; font-weight:bold;">
    這個段落だんらく同樣どうようかい顯示けんじためそこべにからだ</p>

其它选择

编辑

CSSちゅう提供ていきょうりょうにせ元素げんそ選擇せんたくきょなずらえ類別るいべつ選擇せんたくただし用途ようと单一いち些,つねあずか其它选择组合ざいいちおこり使用しようにせ元素げんそてき元素げんそ主要しゅようよう于选あずか另一个选择器选中对象临近的元素。きょなずらえ類別るいべつ選擇せんたく器用きよう于选ちゅう处于特定とくていじょう态或具有ぐゆう特定とくていせい质的元素げんそ

引入CSS规则てき种方しき及其层叠せい

编辑

CSS以有种引入方いりがたしき,一个网页可以引入多个CSSぶんけんどういち种CSS规则以被はん复多添加てんか。这使とくCSSてき使用しよう方式ほうしき非常ひじょう灵活,ただし也会频繁现规则冲突。どう时对一个网页元素设定无法并存的2种样しき时,就会引起冲突。CSSてき特色とくしょく一就是其解决规则冲突的方案。CSSてき规则冲突以分为不どうらいみなもと间的规则冲突どう一来源内部的规则冲突。CSSぶん层次、立体りったいてき较不どう规则てき优先级的方式ほうしき,就是しょ谓层叠性(cascading)てきからだ现。

くびさき说来げんてき样性,CSSしんいき以来いらい

  • 作者さくしゃ样式
    • 作者さくしゃ以在てきHTMLぶんけんちゅう确定いち外来がいらいてき独立どくりつてきCSSぶんけん外部がいぶ样式ひょう),其优さき最低さいてい
    • 作者さくしゃ以将CSSしんいき包含ほうがんざいHTMLぶんけんない内部ないぶ样式ひょう
    • 作者さくしゃ以在いち个HTML指令しれいない结合CSS指令しれいうち联样しき),其优さき级最だか。一般这样做是为了在特殊情况下,上面うわつららいげんてきCSS抵消掉
  • きゃく户端てい义样しき(client-side style sheet)
    • 浏览网页てきよう户可以自己じこざい本地ほんじ计算机上きじょう自己じこうつし1个CSSぶんけんしかきさき就可以在浏览内通ないつう过设おけこう特定とくてい选项,らい自己じこてきCSSぶんけん。这个CSSぶんけん以用ざい所有しょゆうてきHTMLぶんけんじょうとう网页作者さくしゃぼつゆう设定ぼう项规则,ただし存在そんざい对应てきよう户自てい义规则时,よう户的规则就会おこり作用さようかり如作しゃてきCSSぶんけんあずか读者てきしょう冲突,浏览かいさいよう作者さくしゃてき规则。如果读者ゆう特殊とくしゅ要求ようきゅう以通过在自あらじてい义规则末尾まつび添加てんか!importantひさげますてい义规则的显示优先权。(网页作者さくしゃ也可以使用しよう!important给规则提ます权限,ただし优先级别过由よう户写てき!important声明せいめい!important对于网页作者さくしゃてき义仅ざい于网页开发阶だんてき规则冲突测试)
  • 浏览样式
    • かり如外ぼつゆうとく指定してい一个样式的话,一般浏览器自己有一个内在的样式。よし于不どう浏览てきだま认样しき并不一致いっち所以ゆえん讲究观的网页てき设计しゃ一般喜欢去掉这个默认的样式。

其次还需知道ともみち规则特殊とくしゅせい(specificity)てき概念がいねんぼう个规则的特殊とくしゅせい也常しょう为该规则てき具体ぐたい程度ていど。规则特殊とくしゅせいてき高低こうてい次序じじょ如下(递减):

  1. 行内こうない样式
  2. ID选择
  3. class选择
  4. 标签选择
  5. 通用つうよう选择(也就どおりはい选择もちいしょう

特殊とくしゅせい优先げん

编辑

特殊とくしゅせい优先げん则是さい重要じゅうようてき优先级比较规则。とう引起冲突てき2种规则的特殊とくしゅせい存在そんざい异时(れい如一个是どおり过ID选择指定してい样式,另一个是通过class选择指定してい样式),引擎はた优先さいよう特殊とくしゅせいさらだかてき样式。规则てき特殊とくしゅ性的せいてき较是さい优先てき。如果のう直接ちょくせつ判断はんだん特殊とくしゅ性的せいてき异,就无需考虑其它规则了。

不同ふどうげんてき规则优先せい

编辑

不同ふどうげんてき规则间的优先げん则是だい重要じゅうようてきとう规则らいみなもとしょうどう时(どう为外样式あるどう为内样式),した一步就需要比较不同类型来源的优先级别。总地らい说,记住“行内こうない样式优先于内样式,内部ないぶ样式また优先于外样式”そく应对多数たすうつね见的じょうがたぞう网页浏览しゃてい义样しきひょうてき优先级别如何いかただゆう浏览てき设计しゃざい需要じゅようこう虑,あずか网页设计しゃてき关系だい

如果こう虑有可能かのう现的さら复杂てきらいげん冲突,内容ないよう就比较多りょうただし一般在写样式时,应尽可能かのう避免这些复杂じょうがたてき现。具体ぐたいらい说,一般情形下的采纳样式效果的优先级顺序为:[6]

  1. 行内こうない样式
  2. 内部ないぶ样式
  3. ざいHTML中通なかとおり<link>标签直接ちょくせつ引入てき外部がいぶ样式ひょう
  4. ざいCSS中通なかとおり@import语句间接引入てき外部がいぶ样式ひょう
  5. 浏览网页てきよう自己じこてい义的样式ひょう需要じゅようしゅ动加载)
  6. 浏览だま认的样式(如标题有だま认大しょう段落だんらく间有だま认间距等,不同ふどう浏览てきだま认样しき不完全ふかんぜんいち样)

CSSちゅう还有よう!importantおさむ饰的重要じゅうようせい声明せいめい。如果计入重要じゅうようせい声明せいめい么在以上いじょう规则てき最前さいぜんめん还需ようじょう2じょう规则:

  1. よう户从本地ほんじ载的重要じゅうようてい义样しき
  2. 网页设计しゃ设定てき重要じゅうよう样式

设计重要じゅうようせい声明せいめい为部ぶん特殊とくしゅよう户和所有しょゆう开发しゃ提供ていきょう方便ほうべん一方いっぽうめんよう户可以通过设おけ自己じこてき色彩しきさい方案ほうあん,并对其使よう重要じゅうようせい声明せいめいらいひさげます浏览たい验。另一方面ほうめん,网页てき设计しゃ难免かいぐういたいん规则冲突而导致特定とくてい样式规则失效しっこうてきじょうがた,设计しゃ以通过给不知ふち何故なぜおこり作用さようてき规则增加ぞうか重要じゅうようせい声明せいめいこれいやゆう样式变化らい确定小心しょうしん导致りょう规则冲突而引おこり特定とくてい规则被覆ひふく失效しっこう

权重分数ぶんすう较机せい

编辑

ゆう时还かいぐういた选择优先级无ほう直接ちょくせつ判断はんだん,而且规则てきらいげん也相どうてきじょうがた。如果网页设计しゃ很少使用しよう层次较复杂的选择如多级的きさきだい选择),么必须比较权じゅうてきじょう况一般不会遇到(一般要么是可以直接根据前面的规则判断出优先性结果,あるものおこり冲突てき2じょう规则てき权重完全かんぜんいち样,ただのう继续去きさき一条比较出现次序的机制)。此时,CSS还有一套分数加权(あるもの说是分数ぶんすうるい积)てきつくえせいよう于解决此类规则冲突。さきれつ基本きほんてきぶん值:

  • 1个行ない样式うらない1000ふん
  • 1个id选择うらない100ふん
  • 1个class选择うらない10ふん
  • 1个标签选择器うらない1ふん

组合使用しよう基本きほん选择时,不同ふどう选择てき得分とくぶんかい累加るいかいたいちおこりさい终得ぶんだかてき选择,其指定していてき样式かい胜出。

举例:
.type1 #id3{color: green; font-size: 20px;}
div p #id3{color: blue; background-color: grey;}
かり设这2ぎょうだい码都のう够选ちゅうどういち个ID为“id3”てき元素げんそ,且都出自しゅつじどう一来源的样式表。以看いた,二者使用的优先级最高的选择器都是ID选择おこり冲突てき样式设置字体じたい颜色。一个给此元素设置字体颜色为绿色,另一个给此元素设置字体颜色为蓝色。按照评分规则,いん为前一种代码使用了1个类选择1个id选择所以ゆえん得分とくぶん为10+100=110ふんきさき一种代码使用了2个标签选择器1个id选择所以ゆえん得分とくぶん为1+1+100=102ふんよし为110ふん>102ふんしょ以前いぜん一种规则胜出,もく标元素的すてきさい文字もじ颜色应该绿色。

もたれきさきしゃ优先げん

编辑

とう权重较仍しか不能ふのうぶん优先级胜负时,さいきさき就是もり关底てきもたれきさき优先”てきげん则了,也就きさきてい义的样式优先级较だか。如果おこり冲突てき规则らいみなもとしょうどう,而且得分とくぶん也相どう么最きさきてき冲突かい决法则就CSSだい码出现的さききさき顺序。きさき现的规则かいくつがえ盖掉与优先级相当そうとうてきさき现的规则。也可しょうさくきさき发制じん”、“きさき来者らいしゃきょじょうあるきさきなみ推前なみはら则,ずい便びん你怎么称呼しょうこ。这种げん则的适用じょうがた很常见,しょ以此规则也很重要じゅうよう

くだり元素げんそあずか块级元素げんそ

编辑

ほう盒模がた

编辑

浮动与定位ていい

编辑

包含ほうがん块、定位ていい

编辑

包含ほうがん块是CSS定位ていい属性ぞくせいしょたくてき论模がた

层次あずか层叠上下じょうげぶん

编辑

层叠上下じょうげぶん规则决定りょうとうゆう网页元素げんそ位置いち发生部分ぶぶん重合じゅうごう时,重合じゅうごう部分ぶぶんてき上下じょうげ叠放次序じじょ。层叠上下じょうげぶん规则详细规定りょうとう浮动、定位ていい以及z轴数值同时出现时,元素げんそ叠放次序じじょてき总规则。

格式かくしき上下じょうげぶん

编辑

格式かくしき上下じょうげぶんゆう特殊とくしゅてきぬのきょくせい质,巧妙こうみょう创建格式かくしき上下じょうげぶん以解决方便びん达到几种特殊とくしゅ目的もくてき[7]

  • 避免垂直すいちょく方向ほうこう不同ふどう元素げんそてきしょう邻外边距动合并
  • きよしじょいん为为元素げんそ设置りょう浮动而可能かのう造成ぞうせいてきちち元素げんそ高度こうど塌陷
  • 实现いちれつ宽度固定こてい、一列宽度不固定的双列宽度自适应布局

其它

编辑

CSS檔內也可以包含ほうがん注釋ちゅうしゃくちゅう釋放しゃくほうざい/**/これ间。一般的浏览器也识别以双斜杠(//)开头てき这种ちゅう释,ただし这是规范てき做法。

历史

编辑

发展历史

编辑
 
哈肯·維姆·萊Opera公司こうし首席しゅせき技術ぎじゅつちょうCSSあみぺーじ標準ひょうじゅん共同きょうどう創始そうしじん

早期そうき样式ひょうてき历史

编辑

HTML规范虽然规定りょう网页ちゅうてき标题、段落だんらく应该使用しようてき标签,ただしぼつゆうわたる及这些内容ないよう应该以何种样しき(如大しょう位置いち、间距、缩进とう属性ぞくせい)てい现在浏览ちゅう。从1990年代ねんだいはつHTML发明开始,样式ひょう就以かく种形しき现了。不同ふどうてき浏览结合りょう它们各自かくじてき样式语言,读者(也就浏览网页てきよう户)使用しよう这些样式语言らい调节网页てき显示方式ほうしき。一开始样式表是给读者用的,最初さいしょてきHTML版本はんぽんただ含有がんゆう很少てき显示属性ぞくせい,读者らい决定网页应该怎样显示。

1993ねん,Robert Raisch提出ていしゅつりょういち种名为“RRP”てき样式规则けん议。ただし这个RRPただまこと许网页使用しよう1个样しきひょうぞう现在てきCSSのう支持しじどう时加载多个。ひさきさき现的Mosaic浏览就采よう增加ぞうかしん种类てきHTML标签实现样式てきひょう达,以满あし设计师的要求ようきゅう,这也与现在てきCSS设计げん则不ずいHTML带的样式こうのうてき增加ぞうか外来がいらいてい义样しきてき语言逐渐减弱りょう。1993ねん发布てき这个Mosaic浏览だいいち款用户界めん,并支持しじ书签、图标按钮图片显示。[8]これまえてき浏览文字もじ浏览そく使つかいざいこんてんただ使用しよう操作そうさけい统命れいぎょう带的Telnet命令めいれい,也可以查网页てきみなもとだい码。[9]

きさきらい台湾たいわんじんたかしつちかえげん开发てきViolaWWW浏览使用しようりょう一种规则具有层次嵌套性的样式表,并第1个支持しじどおり<link>标签引用いんよう外部がいぶ样式ひょう。FOSI最早もはや支持しじ以相对尺寸しゃくすん值来表示ひょうじ字体じたい大小だいしょう函数かんすうしき风格てきDSSSL语言支持しじざい样式ひょうちゅう进行てい义变りょう、继承变量、てい义函すうとうこうのうただし语法复杂。1994ねんまん维网ちち蒂姆·はく纳斯-ざいおう众多こうのう物理ぶつり研究けんきゅうしゃわざ术人员的支持しじ,于美こくあさしょう理工りこう学院がくいん创立りょうまん维网联盟(W3C),其职责是提供ていきょう网络标准けん议。[10]1994ねん,Håkon W Lie提出ていしゅつ层叠HTML样式ひょう(Cascading HTML Style Sheets,CHSS)。CHSSすんで支持しじよう户自てい义样しきひょう,也支持しじ网页作者さくしゃ样式ひょう,而且以满あし不同ふどう规则以百分比ひゃくぶんひてき方式ほうしき组合使用しよう。它的权重规则计算方式ほうしき够直观,とう不同ふどう规则混合こんごう会得えとくいた什么实际效果こうか并不容易ようい从代码中。1996ねん现了あずかCSS语法很像てきひょう现指あかり语言(Presentation Specification Language,简称"PSL 96")。PSL 96じょひょう达样しきがい,也支持しじ条件じょうけん判断はんだんとうこうのう,还可すえ对浏览器しんいきてき判断はんだんらい使用しよう不同ふどうてき样式,ただし获得あお睐。

CSSてき诞生あずか发展

编辑

1994ねん哈肯·維姆·萊提出ていしゅつりょうCSSてき最初さいしょけん[11]はくとく·とう时正ざい设计いち个叫做ArgoえいArgo (web browser)てき浏览们决じょういちおこり合作がっさく设计CSS。とう时已经有过一些样式表语言的建议了,ただしCSSだいいち含有がんゆう“层叠”てき主意しゅいてきざいCSSちゅう,一个文件的样式可以从其他的样式表中继承下来。读者ざいゆう地方ちほう使用しよう自己じこさら欢的样式,ざい其他地方ちほう则继承,ある“层叠”作者さくしゃてき样式。这种层叠てき方式ほうしき使作者さくしゃ读者以灵かつ加入かにゅう自己じこてき设计,混合こんごう各人かくじんてき爱好。哈肯·萊于1994ねんざいしばてき一次会议上第一次展示了CSSてきけん议,1995ねんあずかなみ斯一起再次展示这个建议。とう时W3C刚刚建立こんりゅう,W3C对CSSてき发展很感兴趣,它为此组织了いち讨论かい。哈肯、なみ斯和其他いち些人(ほろてきたく斯·ざとしかとう这个项目的もくてき主要しゅようわざ术负责人。1996ねんそこ,CSSやめ完成かんせい。1996ねん12月[らいみなもと請求せいきゅう],哈肯·萊与はくとく·斯发ぬのりょうCSS规范てきだい1个版本はんぽん。这也なりりょう哈肯·萊的博士はかせ论文てきいち部分ぶぶんとう时已ゆうてき主流しゅりゅう浏览てきないかく构完ぜん适合解析かいせきCSSてき语法,じょう早年そうねん设计师滥ようHTML标签おもて达样しき(这导致“标签汤”(tagsoup)这一骂名的出现)、且漠关心だい码校验[12]所以ゆえんCSSとういた几年きさきざい流行りゅうこうおこりらい。1998ねん,浏览场份额被ほろ公司こうしてきInternet Explorer 4网景公司こうしてきNetscape Navigator 4两大浏览きょ头所うらないすえ[10]CSS现后,ほろ软的IE浏览はしざいりょう逐步实现CSSだい1はん标准てき前列ぜんれつただしいん为不じゅう视问题修补,导致遗留Bug很多,这也使とくIE浏览长期为人们诟びょう网景则把重心じゅうしんざいりょう网页脚本きゃくほん语言てき开发じょうただし很快ほろ软模仿。网景ざい90年代ねんだいまつほろ软展开的浏览だいちゅうさい终一败涂はしこうやぶ产边缘,ただし网景也成功せいこう推出りょうきさき广泛流行りゅうこう于网页设计中てきJavaScript语言。浏览だい战使とく网页设计じん员深受其がいいん为不どう浏览支持しじてき语法规则太一たいち样,网页设计じん员不とく为IE浏览网景浏览てき浏览ぶん别设计一套网页。[10]しん成立せいりつてきみん间设计人员团たいあみぺーじ標準ひょうじゅんけい”(WaSP)发动すい军将W3Cてきけん议宣扬为标准,并批评还加盟かめいW3C标准てき业界厂商。[10]

1997年初ねんしょ,W3C组织りょう专门かんCSSてき工作こうさく组,其负责人かつさと斯·さとかみなり。这个工作こうさく组开はじめ讨论だい1はんちゅうぼつゆうわたる及到てき问题,其结はて1998ねん5がつ出版しゅっぱんてきだい2はん规则。あみぺーじ標準ひょうじゅんけい劃的7なり成立せいりつりょう“CSS武士ぶし团”(CSS Samurai),指出さしでOpera浏览IE浏览ざい支持しじCSS方面ほうめん存在そんざいてき诸多问题。Opera公司こうし着手ちゃくしゅかい决了问题,ただしほろ软并かい决。あみぺーじ標準ひょうじゅんけい劃也积极劝说网景公司こうしMacromedia公司こうしぶん别改进其产品对CSS标准てき支持しじ。2003ねん,Dave Shea推出りょういち个名为“CSSぜんはな园”("CSS Zen Garden")てき站点,こうひと展示てんじ仅通过应よう不同ふどう页面样式规则,就可以实现对网页艺术风格てき焕然一新いっしん。这个网站ざい网页设计しょう关人ぐんちゅう产生りょうしょうかげ响。[10]

从2006ねんいた2009ねん,“DIV+CSS”ぬのきょく逐步だい缺乏けつぼう灵活せいてき传统ひょうかくぬのきょく无表かく网页设计なり为网页内容ないようぬのきょくてき主流しゅりゅう方案ほうあん。此时也出现了一些为了跟风而滥用DIVぬのきょくてきじょう况,如将<h1><h2>とう本身ほんみやめゆう语义てき标签也改よう<div>标签がえだい[13]

CSS3引入てき简单动画こうのう使とくCSS也开はじめわたるあし以往いおうただ应由JavaScript负责てき效果こうか交互こうご工作こうさくいた2017ねん为止,だい3はん规则还未完備かんび

版本はんぽん歷史れきし

编辑

於1994ねん哈肯·維姆·萊はくとく·合作がっさく設計せっけいCSS。們在1994ねんくびざいしばてき一次会议上第一次展示了CSSてきけん议。

1996ねん[12]12月发表てきCSS1てき要求ようきゅうゆう[14]

  • 支持しじ字体じたいてき大小だいしょう字形じけいつよ
  • 支持しじてき颜色、背景はいけいてき颜色其他元素げんそ
  • 支持しじ文章ぶんしょうとくせい如字はは、词和ぎょう间的距离
  • 支持しじ文字もじてき排列はいれつ、图像、おもて格和かくわ其他元素げんそ
  • 支持しじ边缘、围框其他关于はいばんてき元素げんそ
  • 支持しじidclass

CSS2-2.1

编辑

1998ねん[12]5月W3C发表りょうCSS2[15],其中包括ほうかつしんてき内容ないよう如:

  • 绝对てきあい对的固定こていてき定位ていい元素げんそ媒体ばいたいがたてき概念がいねん
  • そうこうぶんけん
  • いち个新てきがた

CSS2.1おさむあらためりょうCSS2ちゅうてきいち些错误,删除りょう其中基本きほん支持しじてき内容ないよう增加ぞうかりょう一些已有的浏览器的扩展内容。[16]

CSS3标准やめ部分ぶぶん公布こうふただし仍未全部ぜんぶせい订完毕,还会ゆう其它しん内容ないよう继续加入かにゅう。W3C网站じょうゆう专页展示てんじCSS3发展てき进展[17]

 
CSS3てきしるべ

CSS3ふんなりりょう不同ふどう類別るいべつしょうため「modules」。而每いち「modules」みやこゆう於CSS2ちゅうがくがい增加ぞうかてきこうのう,以及向後こうごけんよう。CSS3於1999ねんやめけい開始かいしせいてい[18]ちょくいた2011ねん6がつ7にち,CSS 3 Color Moduleおわり發布はっぷためW3C Recommendation。[19]

CSS3うら增加ぞうかりょうしょうこうのう,如:「border-radius」、「text-shadow」、「transform」以及「transition」。CSS3また支援しえん動畫どうが(animation)及立體りったい(preserved-3d)。

部分ぶぶん属性ぞくせいれい如旋转类属性ぞくせい(如:transform),动画类属せい立体りったい类属せい),ゆかり於現不同ふどうりゅうらん支持しじ程度ていど不同ふどう需要じゅようじょう不同ふどうてき浏览ぜんつづりらい区分くぶん

W3C於2011ねん9がつ29にち開始かいしりょう設計せっけいCSS4[20][21]ちょくいたり現時げんじただゆう極少きょくしょうすうてきこうのう部分ぶぶんあみぺーじりゅうらん支援しえん,如使用しようざいHTML而非SVGじょうてきpointer-events[22]

CSS4增加ぞうかりょう一些更方便的选择器,并简りょう一些现有选择器的用法。

採納さいのうてき困難こんなん

编辑

浏览ないかく主要しゅよう负责解析かいせき网页内容ないよう样式以及进行脚本きゃくほん处理(现在ぶん别由浏览内部ないぶてき页面渲染引擎JavaScript引擎ぶんこう)。其中页面渲染就是正ぜせい确识别出CSSだい码并ざいまど口中くちじゅう显示对应てき内容ないよう样式。开发いち个可支持しじCSS语法解析かいせきてき浏览并非えきごと,CSS规则しげる杂,ゆう其是需要じゅようこう不同ふどうてきCSS规则间会存在そんざい相互そうごかげ响的问题。Mozilla基金ききんかいはたGeckoはいばん引擎单独发布きさき,现在ゆう众多浏览厂商さいようよしだい三方发布的页面渲染引擎,独立どくりつ开发しん页面渲染引擎てきつくえ构很しょう

くびさき标准实现程度ていどてき问题。儘管CSS1标准ざい1996ねん就制订完成かんせいりょうただしいちちょくいた3ねんかえぼっゆう一個瀏覽器實現了其中的全部语法规则。上市かみいちてきかく个浏览器ただ实现りょう对一部分ぶぶん规则てき支持しじ。2000ねん3がつゆかりほろ軟在むぎきんとう電腦でんのう平台ひらだいうえ发布てき5.0はんInternet Explorer (IE)だい1個いっこ全部ぜんぶ實現じつげんCSS1てきりゅうらん。此後許多きょた其他りゅうらん也实现了CSS1CSS2てきいち部分ぶぶんただしいた2004ねんためとめかえぼっゆう一個瀏覽器实现了全部CSS2规则。ゆう其auralpagedとう特性とくせい支持しじとくさいてき

其次,支持しじぼう种特せい代表だいひょうようおこりらい就没ゆう问题。きゅうIE版本はんぽん就以Bug而闻めい。其中声名せいめい狼藉ろうぜきてきIE 6存在そんざい元素げんそうずたか叠Bug、かそけ灵字ぽう块神消失しょうしつとうまれかいてき设计缺陷けっかん[23]ほろ软自从在だい1轮浏览だいちゅう胜出きさき,就依仗独霸市场的优势,轻视おさむ补IE Bugてき呼声よびごえ,导致其市场份额后らいまた逐渐其它浏览蚕食さんしょく,产生だい2轮浏览器だい战。

另外还有だい码跨浏览けんようせいてき问题。“のう在任ざいにんなん浏览ちゅう显示”并不意味いみ在任ざいにんなん一个浏览器中显示的效果相同”。[12]そく使つかい徹底てってい实现りょうCSS1てきりゅうらん也遇いたりょう許多きょた困難こんなん許多きょたCSSてき实现つくえせい互相矛盾むじゅんゆう錯或ゆう其它まれかいてき地方ちほうためりょう使們的ぺーじめんざい任意にんい系統けいとうじょうてき任意にんい浏览ちゅうてき顯示けんじ效果こうか一致いっち,网页作者さくしゃ往往おうおうようせりうつししげる琐的だい码或使用しようかく种奇わざいんたくみ。一個最著名的錯誤涉及到顯示方形的寬度,ざいIEりゅうらんちゅう方形ほうけいてきひろしてき顯示けんじゆう錯誤さくご,其結果けっか方形ほうけいてきひろしざい許多きょたりゅうらんちゅう正確せいかく顯示けんじただしざいIE上方かみがたがたてきひろしふとし窄。雖然這個錯誤さくごゆう解決かいけつてき辦法,ただし它限せいりょう其他いち些功のう(IE 8.0やめけい改善かいぜん方形ほうけいひろし顯示けんじ問題もんだい)。旧版きゅうばんIE还有あずか其它浏览计算方式ほうしき一样的方盒模型。

とくてん

编辑

優勢ゆうせい

编辑

网页てき讀者どくしゃ作者さくしゃ使用しようCSSらい决定ぶんけんてき颜色字体じたいはいばんとう显示特性とくせい。CSSさい主要しゅようてき目的もくてき将文まさふみけんてき内容ないようあずか显示ぶんへだた开来。这有许多こう处:

  • ぶんけんてき读性きょう
  • ぶんけんてき结构さら灵活
  • 作者さくしゃ读者自己じこ决定ぶんけんてき显示
  • ぶんけんてき结构简化りょう

另外,ざいHTMLちゅう

  • いち个整个网站或其中一部分网页的显示信息被集中在一个地方,ようあらため变它们很方便ほうべん
  • 不同ふどうてき读者以有不同ふどうてき样式,如有てき读者需要じゅよう字体じたい较大
  • HTMLぶんけん本身ほんみてき范围变小りょう,它的结构简单りょう,它不需要じゅよう包含ほうがん显示てきしんいき

CSS还可以控せい其他さんすうれい如声おんかり如浏览器ゆう阅读こうのうてき话)ある给視さわしゃようてき感受かんじゅ装置そうち

缺点けってん

编辑

CSSあかりあらわてき缺點けってん包括ほうかつ

  • りゅうらん不同ふどうてき支援しえん
    りゅうらん对CSSてき支持しじぼつゆう统一,造成ぞうせい不同ふどうてきりゅうらん顯示けんじ效果こうか不同ふどうれい如在ほろInternet Explorerてききゅう版本はんぽん6.0,ゆう許多きょたどくゆうてきCSS 2.0屬性ぞくせいただし錯誤さくご顯示けんじ很多重要じゅうようてき屬性ぞくせいれい如:widthheightfloat[24]許多きょたCSS编写人員じんいん为了つき可能かのうざい常用じょうようてきかく个瀏らんちゅうたちいた一致いっちてきばんめんへんはいよううつし很多针对かく个浏览器てき不同ふどうてきCSSだい码。とうはんめん编排很复杂时,ようざいかく个浏览器うら取得しゅとくしょうどう效果こうか不可能ふかのうてき
  • CSSぼつゆうちち選擇せんたく
    CSS選擇せんたく無法むほう提供ていきょう元素げんそてき繼承けいしょうせい先進せんしんてき選擇せんたくれいXPathゆうじょ複雜ふくざつてき樣式ようしき設計せっけいしか而,りゅうらんてき性能せいのう增加ぞうかいろどりげんてき問題もんだい關係かんけいちょちちそう選擇せんたく,卻是CSSてき工作こうさくぐんぐみ拒絕きょぜつ建議けんぎてき主要しゅよう原因げんいん
    CSS4のりけい包括ほうかつ類似るいじこうのう
  • 不能ふのう明確めいかく指定してい繼承けいしょうせい
    樣式ようしきてき繼承けいしょうせい建立こんりゅうざいりゅうらんちゅうDOMもと素的すてきそうきゅう具體ぐたいてき規則きそくじょう參照さんしょうCSS2說明せつめいちゅうてき章節しょうせつ6.4.1。[25]
  • 垂直すいちょくひかえせいてき局限きょくげん
    元素げんそてき水平すいへい放置ほうち普遍ふへんえき於控せい垂直すいちょくひかえせいそくしか簡單かんたんせつ垂直すいちょく圍繞いじょういち元素げんそぺーじてき放置ほうち不能ふのうだか於可みるまど(viewport,まどあるぼたるまくてき範圍はんい[26]てき底部ていぶ範圍はんい。这需よう複雜ふくざつてき樣式ようしき規則きそくある規則きそく簡單かんたんただしこう支援しえん
  • ぼつゆうざん术功のう
    ちょくいたりCSS 2.1てきCSSぼつゆう辦法明確めいかく簡單かんたん进行计算(れい如:margin-left: 10% - 3em + 4px;)。计算こうのうざい很多情況じょうきょう是非ぜひつね有用ゆうようてきれい如:そうらんちゅう計算けいさんらんてき尺寸しゃくすんげんせい無論むろん如何いか,CSS WG[27]發表はっぴょうりょうCSS局限きょくげんせいてき草案そうあん。IE 5いたりIE 7提供ていきょうexpression()函数かんすうそくしょ谓的CSSひょう达式らい执行计算こうのうれいleft: expression(document.body.offsetWidth - 110 + "px"); 。为了あずかCSS标准看じゅんかん齐,并且该函すう性能せいのうほろ軟从IE 8开始停止ていし支持しじ此函すう
    CSS 3ちゅう具有ぐゆうcalc()おもて达式以执ぎょう计算こうのう[28][29]
p {
    margin: calc (1rem - 2px) calc (1rem - 1px) 
}
  • 缺乏けつぼう唯一ゆいいつせい
    同樣どうようてき效果こうか以用不同ふどうてき屬性ぞくせいらい完成かんせい,這对しょうてきCSSへんうつし人員じんいん造成ぞうせいこま擾。れいpositiondisplayあずかfloat定義ていぎりょう不同ふどうてき配置はいち方式ほうしき,而且不能ふのう有效ゆうこうてき交替こうたい使用しよういちdisplay: table-cell元素げんそ不能ふのう指定していfloatあるposition: relativeいんため指定していfloat: leftてき元素げんそおう該受到display效果こうかてき影響えいきょうさいしゃぼつゆう考慮こうりょいたしん建立こんりゅう屬性ぞくせいしょ造成ぞうせいてき影響えいきょうれい如在ひょうかくちゅう你應該使用しようborder-spacing而不margin-*らい指定していひょうかく元素げんそ。這是いんためあきらCSS準則じゅんそくひょうかく內部元素げんそぼつゆうかい(margin)てき

CSSてき性能せいのう优化

编辑

使用しよう语法缩写

编辑

使用しようCSS缩写以减しょうCSSぶんけんてき大小だいしょう,并使其更为易读[30]れい如:颜色缩写(缩写16进制てき色彩しきさい值)、盒尺寸しゃくすん缩写、边框缩写、背景はいけい缩写文字もじ缩写。

障碍しょうがい设计

编辑
  • 优先さいようよう户样しきひょうちゅう指定していてき重要じゅうよう规则いち项为色弱しきじゃくある色盲しきもう人士じんし提供ていきょう便利べんりてき设计こう虑。

まいり

编辑

参考さんこう资料

编辑

ぶんない引用いんよう

编辑
  1. ^ Carey Wodehouse. What is CSS? Cascading Style Sheets - Hiring Headquarters. Upwork Global Inc. 2005ねん6がつ [2018ねん4がつ21にち]. (原始げんし内容ないようそん于2018ねん4がつ22にちえい语). 
  2. ^ 2.0 2.1 CSS Reference. Mozilla Developer Network. [2011-11-23]. (原始げんし内容ないようそん于2011-10-14) えい语). 
  3. ^ 莫振杰 2016だい191ぺーじだい12しょう性能せいのう优化”
  4. ^ Attribute selectors. Mozilla Developer Network. [2011-11-23]. (原始げんし内容ないようそん于2011-11-12). 
  5. ^ Hyphen [-=] Attribute Selector. msdn.microsoft.com. [2012-03-17]. (原始げんし内容ないようそん于2015-09-30). 
  6. ^ What is cascading style sheet (CSS)?. WhatIs.com. 2005ねん6がつ [2018ねん4がつ21にち]. (原始げんし内容ないようそん于2018ねん4がつ21にちえい语). 
  7. ^ 莫振杰 2016だい223ぺーじ
  8. ^ Glen Stansberry. 10 Biggest Milestones in Web Development [Web发展史上しじょうてきじゅうだい里程りてい]. "遗忘" (译者). 2008ねん11月29にち [2018ねん4がつ21にち]. (原始げんし内容ないようそん于2018ねん4がつ21にちちゅうぶん中国ちゅうごくだい陆)). 
  9. ^ David Gourley & Brian Totty & Marjorie Sayer & Sailu Reddy & Anshu Aggarwal. だい1しょう“HTTPがいじゅつだい6节“连接”だい3しょう节“使用しようTelnet实例”. HTTP权威指南しなん [HTTP: The Definitive Guide]. 陈涓(こぼし译),赵振ひらめこぼし译),盼(责任编辑),ちょう晓昀 (执行编辑) 1. 人民じんみん邮电出版しゅっぱんしゃ. 2012: 16–17. ISBN 978-7-115-28148-7 ちゅうぶん中国ちゅうごくだい陆)). 
  10. ^ 10.0 10.1 10.2 10.3 10.4 Mark Norman Francis. 互联网和Webてき历史以及Web标准てきえんじ. 站长いえ. W3C标准WEBぜんはしDHTMLしらげえい俱乐 (こぼし译). 2009ねん10がつ23にち [2018ねん4がつ21にち]. (原始げんし内容ないようそん于2018ねん4がつ21にちちゅうぶん中国ちゅうごくだい陆)). 
  11. ^ Lie, Håkon. Cascading HTML style sheets -- a proposal. W3C. 1994-10-10 [2023-04-02]. (原始げんし内容ないようそん于2017-06-29) えい语). 
  12. ^ 12.0 12.1 12.2 12.3 Roger Johansson. Web标准发展けん议与实例. 网易学院がくいん,网易科技かぎ. "x5studio" (こぼし译). [2018ねん4がつ21にち]. (原始げんし内容ないようそん档于2018ねん4がつ21にちちゅうぶん中国ちゅうごくだい陆)). 
  13. ^ CSS BBS站长. DIV+CSSWEB标准发展てき必经みち. A5创业网. 2009ねん1がつ12にち [2018ねん4がつ21にち]. (原始げんし内容ないようそん于2018ねん4がつ22にちちゅうぶん中国ちゅうごくだい陆)). 
  14. ^ CSS1要求ようきゅう. W3C. (原始げんし内容ないようそん于2004-08-20) えい语). 
  15. ^ CSS2要求ようきゅう. W3C. (原始げんし内容ないようそん档于2004-08-20) えい语). 
  16. ^ 要求ようきゅうこう选者. W3C. (原始げんし内容ないようそん于2004-08-11) えい语). 
  17. ^ CSS3发展过程报告. W3C. (原始げんし内容ないようそん于2004-08-11) えい语). 
  18. ^ Bert Bos. Descriptions of all CSS specifications. World Wide Web Consortium. 2011-02-18 [2011-08-04]. (原始げんし内容ないようそん于2011-03-31). 
  19. ^ W3C︰http://www.w3.org/2011/05/css-pr.html.en页面そん档备份そん互联网档あん
  20. ^ Selectors Level 4. www.w3.org. [2011-11-23]. (原始げんし内容ないようそん于2012-05-30). 
  21. ^ Gilbertson, Scott. Discover What’s New in CSS 4. [2011-11-23]. (原始げんし内容ないようそん档于2012-05-30). 
  22. ^ pointer-events. Mozilla Developer Network. [2012-04-11]. (原始げんし内容ないようそん于2012-03-20). 
  23. ^ IE6しょうつげ别历きさきだいかい人心じんしんてきじゅうけん事情じじょう. COMSHARP CMS,站长いえ (转载). 2009ねん4がつ16にち [2018ねん4がつ21にち]. (原始げんし内容ないようそん于2018ねん4がつ21にちちゅうぶん中国ちゅうごくだい陆)). 
  24. ^ Internet Explorer vs. the Standards, a primer on standards violations in Explorer. [2008-10-13]. (原始げんし内容ないようそん档于2005-08-26). 
  25. ^ Assigning property values, Cascading, and Inheritance. [2008-10-13]. (原始げんし内容ないようそん于2008-10-26). 
  26. ^ Visual formatting model. www.w3.org. [2008-10-13]. (原始げんし内容ないようそん于2009-01-05). 
  27. ^ CSS Values and Units Module Level 3. W3C. 2012-08-28 [2008-10-13]. (原始げんし内容ないようそん档于2008-04-23) えい语). 
  28. ^ CSS Values and Units Reference. MSDN えい语). [永久えいきゅう失效しっこう連結れんけつ]
  29. ^ calc. Mozilla Developer Network. [2012-04-16]. (原始げんし内容ないようそん于2012-05-05) えい语). 
  30. ^ 常用じょうようCSS缩写语法总结互联网档あんてきそんそん档日2011-01-12.

补充らいげん

编辑
  • 莫振杰. HTMLあずかCSS进阶教程きょうてい 1. 中国ちゅうごく北京ぺきん: 人民じんみん邮电出版しゅっぱんしゃ. 2016ねん. ISBN 978-7-115-43295-7 ちゅうぶん中国ちゅうごくだい陆)). 

外部がいぶ链接

编辑