建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
探究CSS發(fā)展史以及優(yōu)勢
本文向大家描述一下CSS的發(fā)展歷程，從1990年代初HTML被發(fā)明開始樣式表就以各種形式出現(xiàn)了，1997年初，W3C內(nèi)組織了專門管CSS的工作組，到2007年為止，第三版還未完備。
10年積累的網(wǎng)站建設(shè)、成都網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計制作后付款的網(wǎng)站建設(shè)流程，更有盤龍免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
CSS的發(fā)展歷程
CSS歷史
從1990年代初HTML被發(fā)明開始樣式表就以各種形式出現(xiàn)了，不同的瀏覽器結(jié)合了它們各自的樣式語言，讀者可以使用這些樣式語言來調(diào)節(jié)網(wǎng)頁的顯示方式。一開始樣式表是給讀者用的，最初的HTML版本只含有很少的顯示屬性，讀者來決定網(wǎng)頁應(yīng)該怎樣被顯示。
但隨著HTML的成長，為了滿足設(shè)計師的要求，HTML獲得了很多顯示功能。隨著這些功能的增加外來定義樣式的語言越來越?jīng)]有意義了。
1994年哈坤·利提出了CSS的最初建議。伯特·波斯（BertBos）當(dāng)時正在設(shè)計一個叫做Argo的瀏覽器，他們決定一起合作設(shè)計CSS。
當(dāng)時已經(jīng)有過一些樣式表語言的建議了，但CSS是第一個含有“層疊”的主意的。在CSS中，一個文件的樣式可以從其他的樣式表中繼承下來。讀者在有些地方可以使用他自己更喜歡的樣式，在其他地方則繼承，或“層疊”作者的樣式,這種層疊的方式使作者和讀者都可以靈活地加入自己的設(shè)計，混合各人的愛好。
哈坤于1994年在芝加哥的一次會議上第一次展示了CSS的建議，1995年他與波斯一起再次展示這個建議。當(dāng)時W3C剛剛建立，W3C對CSS的發(fā)展很感興趣，它為此組織了一次討論會。哈坤、波斯和其他一些人（比如微軟的托馬斯·雷爾登）是這個項目的主要技術(shù)負(fù)責(zé)人。1996年底，CSS已經(jīng)完成。1996年12月CSS要求的第一版本被出版。
1997年初，W3C內(nèi)組織了專門管CSS的工作組，其負(fù)責(zé)人是克里斯·里雷。這個工作組開始討論第一版中沒有涉及到的問題，其結(jié)果是1998年5月出版的第二版要求。到2007年為止，第三版還未完備。
使用CSS+DIV的優(yōu)點
采用CSS+DIV進(jìn)行網(wǎng)頁重構(gòu)相對與傳統(tǒng)的TABLE網(wǎng)頁布局而具有以下3個顯著優(yōu)勢：
◆表現(xiàn)和內(nèi)容相分離將設(shè)計部分剝離出來放在一個獨立樣式文件中，HTML文件中只存放文本信息。這樣的頁面對搜索引擎更加友好。
◆提高頁面瀏覽速度對于同一個頁面視覺效果，采用CSS+DIV重構(gòu)的頁面容量要比TABLE編碼的頁面文件容量小得多，前者一般只有后者的1/2大小。瀏覽器就不用去編譯大量冗長的標(biāo)簽。
◆易于維護和改版你只要簡單的修改幾個CSS文件就可以重新設(shè)計整個網(wǎng)站的頁面。
感性體驗CSS
什么是CascadingStyleSheets（層疊樣式表）*CSS是CascadingStyleSheets(層疊樣式表)的簡稱.*CSS語言是一種標(biāo)記語言,它不需要編譯,可以直接由瀏覽器解釋執(zhí)行(屬于瀏覽器解釋型語言).*在標(biāo)準(zhǔn)網(wǎng)頁設(shè)計中CSS負(fù)責(zé)網(wǎng)頁內(nèi)容(XHTML)的表現(xiàn).*CSS文件也可以說是一個文本文件,它包含了一些CSS標(biāo)記,CSS文件必須使用css為文件名后綴.*可以通過簡單的更改CSS文件,改變網(wǎng)頁的整體表現(xiàn)形式,可以減少我們的工作量,所以她是每一個網(wǎng)頁設(shè)計人員的必修課.*CSS是由W3C的CSS工作組產(chǎn)生和維護的.
如何將樣式表加入到網(wǎng)頁
可以用以下三種方式將樣式表加入您的網(wǎng)頁。而最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。例外請參閱!important聲明。鏈入外部樣式表文件(LinkingtoaStyleSheet)你可以先建立外部樣式表文件（.css），然后使用HTML的link對象。示例如下：
viewplaincopytoclipboardprint?
文檔標(biāo)題 title> </li> <li><linkrellinkrel=stylesheethref=</li> <li>"http://www.dhtmlet.com/dhtmlet.css"type="text/css"> </li> <li> head> </li> <li><head> </li> <li><title>文檔標(biāo)題 title> </li> <li><linkrellinkrel=stylesheethref=</li> <li>"http://www.dhtmlet.com/dhtmlet.css"type="text/css"> </li> <li> head> </li> <li> </li> </ol></pre><p> 而在XML中，你應(yīng)該如下例所示在聲明區(qū)中加入： 定義內(nèi)部樣式塊對象(EmbeddingaStyleBlock)你可以在你的HTML文檔的和標(biāo)記之間插入一個塊對象。定義方式請參閱樣式表語法。示例如下：定義內(nèi)部樣式塊對象(EmbeddingaStyleBlock)你可以在你的HTML文檔的和標(biāo)記之間插入一個塊對象。定義方式請參閱樣式表語法。示例如下：</p><p>viewplaincopytoclipboardprint?</p><pre> <ol> <li><html> </li> <li> <head> </li> <li> <title>文檔標(biāo)題 title> </li> <li> <styletypestyletype="text/css"> </li> <li> 深入<em>探究</em>交換機技術(shù)<em>發(fā)展史</em> 與橋接器不同的是交換機技術(shù)轉(zhuǎn)發(fā)延遲很小，操作接近單個局域網(wǎng)性能，遠(yuǎn)遠(yuǎn)超過了普通橋接互聯(lián)網(wǎng)絡(luò)之間的轉(zhuǎn)發(fā)性能。 <p>2010-01-05 15:43:08</p> 交換機技術(shù)</li> </ol></pre> <br> 當(dāng)前標(biāo)題：探究CSS發(fā)展史以及優(yōu)勢 <br> 本文地址：<a href="http://www.5511xx.com/article/coghdjo.html">http://www.5511xx.com/article/coghdjo.html</a> </div> <div id="8yaywua" class="hot_new"> <div id="4bpwujz" class="page_title clearfix"> <h3>其他資訊</h3> </div> <div id="kkrplbz" class="news_list clearfix"> <ul> <li> <a href="/article/cogdiep.html">windows10version1803是什么版本？windows10創(chuàng)意者版</a> </li><li> <a href="/article/cogdgoh.html">Linux監(jiān)聽開啟后無服務(wù)怎么辦（linux監(jiān)聽開啟后無服務(wù)怎么辦）</a> </li><li> <a href="/article/cogdgse.html">linux的域名配置在哪</a> </li><li> <a href="/article/cogdgdi.html">白名單使用Redis實現(xiàn)IP白名單限制（redis配ip）</a> </li><li> <a href="/article/cogdgeo.html">免費主機真的靠譜嗎,免費主機的優(yōu)缺點分析</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div id="g7flbrx" class="footer wow fadeInUp"> <div id="xjqoe6h" class="rowFluid"> <div id="yqn6pfu" class="span12"> <div id="ishwelt" class="container"> <div id="c9gdkbi" class="footer_content"> <div id="yhwb4s3" class="span4 col-xm-12"> <div id="bcz2aon" class="footer_list"> <div id="aaapvmt" class="span6"> <div id="mmazhgn" class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務(wù)號二維碼" /></div> </div> <div id="hgds9nu" class="span6 col-xm-12"> <div id="kekaqhf" class="quick_navigation"> <div id="gpwn87m" class="quick_navigation_title">快速導(dǎo)航</div> <ul> <li><a title="成都微信二次開發(fā)公司" target="_blank">成都微信二次開發(fā)公司</a></li><li><a title="西云主機托管" target="_blank">西云主機托管</a></li><li><a title="康明斯發(fā)電機組租賃" target="_blank">康明斯發(fā)電機組租賃</a></li><li><a title="大悟縣汽車濾芯配件" target="_blank">大悟縣汽車濾芯配件</a></li><li><a title="成都網(wǎng)站建設(shè)公司" target="_blank">成都網(wǎng)站建設(shè)公司</a></li><li><a title="光華村機房" target="_blank">光華村機房</a></li><li><a title="橡塑保溫板" target="_blank">橡塑保溫板</a></li><li><a title="牛皮紙袋" target="_blank">牛皮紙袋</a></li><li><a title="婁底尾呼妄服裝" target="_blank">婁底尾呼妄服裝</a></li><li><a href="http://chengdu.cdcxhl.cn/shop/ " title="成都微商城" target="_blank">成都微商城</a></li><li><a title="商標(biāo)注冊" target="_blank">商標(biāo)注冊</a></li> </ul> </div> </div> </div> </div> <div id="gbvp3xd" class="span4 col-xm-6 col-xs-12"> <div id="923pwu6" class="footer_list"> <div id="w4rszy3" class="footer_link"> <div id="iqv6io8" class="footer_link_title">友情鏈接</div> <ul id="frientLinks"> <a title="網(wǎng)站制作" target="_blank">網(wǎng)站制作</a> <a title="網(wǎng)站建設(shè)" target="_blank">網(wǎng)站建設(shè)</a> <a title="成都網(wǎng)絡(luò)推廣" target="_blank">網(wǎng)絡(luò)推廣</a> <a title="成都網(wǎng)站推廣" target="_blank">網(wǎng)站推廣</a> <a title="成都微信小程序開發(fā)" target="_blank">小程序開發(fā)</a> <a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a> </ul> <div id="qvco8bm" class="footer_link_title">網(wǎng)站建設(shè)</div> <ul id="frientLinks"> <li><a href="/">四川平武建站</a></li> <li><a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a></li> </ul> </div> </div> </div> <div id="ljxr3gm" class="span4 col-xm-6 col-xs-12"> <div id="f92qv1c" class="footer_list"> <div id="cesxf64" class="footer_cotact"> <div id="8sgecyo" class="footer_cotact_title">聯(lián)系方式</div> <ul> <li><span id="9djs6q8" class="footer_cotact_type">企業(yè)：</span><span id="cdv3ig3" class="footer_cotact_content">四川綿陽平武網(wǎng)站建設(shè)工作室</span></li> <li><span id="wfmcrpq" class="footer_cotact_type">地址：</span><span id="mvta4hx" class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li> <li><span id="g2tkyo4" class="footer_cotact_type">電話：</span><span id="ogmaz8o" class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span id="rbrw67m" class="footer_cotact_type">網(wǎng)址：</span><span id="cecd4sy" class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設(shè)">www.5511xx.com</a></span></li> </ul> </div> </div> </div> </div> </div> <div id="ssfrgod" class="copyright"> <p>公司名稱：四川綿陽平武網(wǎng)站建設(shè)工作室 聯(lián)系電話：18980820575</p> <p><a target="_blank" rel="nofollow">網(wǎng)站備案號：蜀ICP備2024061352號-3</a></p> <p>四川平武建站 四川平武網(wǎng)站建設(shè) 四川平武網(wǎng)站設(shè)計 四川平武網(wǎng)站制作 <a target="_blank">成都做網(wǎng)站</a></p> </div> </div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a> <div class="friend-links"> <a href="http://www.9iban.com">久久精品无码av|一级中文无码免费观看|日韩欧美黄片手机版|人妻激情视频成人无码aaa|美女一级黄色毛片|国产aa黄片亚洲破处片|黄色A极大片特级a黄片|综合精品一区二区三区四区在线|国产精品不卡无码av在线播放|超碰亚洲在线日韩肏屄</a> <a href="http://www.datumvisio.com">91AV乱伦强奸|国产理伦电影尤物导航|在线观看高清无码黄片|特黄色电影特级毛片|亚洲精品av一区二区三区|91AV无码免费|久久嫩草国产亚洲无码网站|国产91极度丝袜|青青草在线视频免费观看|黄色av网五月天</a> <a href="http://www.jiangrensw.com">在线视频一本一区|91在线免费视频网站|国产视频在线观看91|A片在线观看视频直接观看|在线免费A片黄色电影|美女视频图片永久免费观看|青青色在线观看视频网站|日本欧美视频在线看v片成人|色情性黄?片免费视频中国免费的|国产一线二线三黄色片</a> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="r8nlc" class="pl_css_ganrao" style="display: none;"><del id="r8nlc"></del><dfn id="r8nlc"><legend id="r8nlc"></legend></dfn><kbd id="r8nlc"><dl id="r8nlc"></dl></kbd><source id="r8nlc"></source><strong id="r8nlc"><tr id="r8nlc"></tr></strong><rt id="r8nlc"></rt><strong id="r8nlc"><center id="r8nlc"></center></strong><legend id="r8nlc"></legend><option id="r8nlc"></option><acronym id="r8nlc"><th id="r8nlc"></th></acronym><thead id="r8nlc"><legend id="r8nlc"></legend></thead><rt id="r8nlc"></rt><acronym id="r8nlc"><sup id="r8nlc"></sup></acronym><abbr id="r8nlc"></abbr><del id="r8nlc"></del><pre id="r8nlc"></pre><acronym id="r8nlc"></acronym><track id="r8nlc"></track><tbody id="r8nlc"><pre id="r8nlc"></pre></tbody><bdo id="r8nlc"></bdo><listing id="r8nlc"></listing><strong id="r8nlc"><center id="r8nlc"></center></strong><ruby id="r8nlc"></ruby><button id="r8nlc"><tfoot id="r8nlc"></tfoot></button><input id="r8nlc"></input><output id="r8nlc"></output><strong id="r8nlc"><noframes id="r8nlc"></noframes></strong><optgroup id="r8nlc"><output id="r8nlc"></output></optgroup><u id="r8nlc"></u><tt id="r8nlc"><pre id="r8nlc"></pre></tt><th id="r8nlc"><strong id="r8nlc"></strong></th><cite id="r8nlc"></cite><option id="r8nlc"><tbody id="r8nlc"></tbody></option><nobr id="r8nlc"><delect id="r8nlc"></delect></nobr><dfn id="r8nlc"></dfn><option id="r8nlc"><source id="r8nlc"></source></option><option id="r8nlc"></option><optgroup id="r8nlc"></optgroup><p id="r8nlc"><bdo id="r8nlc"></bdo></p><del id="r8nlc"><rt id="r8nlc"></rt></del><legend id="r8nlc"></legend><bdo id="r8nlc"><video id="r8nlc"></video></bdo><pre id="r8nlc"></pre><track id="r8nlc"><pre id="r8nlc"></pre></track><b id="r8nlc"><legend id="r8nlc"></legend></b><tbody id="r8nlc"><pre id="r8nlc"></pre></tbody><legend id="r8nlc"><noframes id="r8nlc"></noframes></legend><u id="r8nlc"><thead id="r8nlc"></thead></u><track id="r8nlc"></track><nav id="r8nlc"><u id="r8nlc"></u></nav><bdo id="r8nlc"></bdo><noframes id="r8nlc"><tt id="r8nlc"></tt></noframes><ol id="r8nlc"></ol><u id="r8nlc"><thead id="r8nlc"></thead></u><del id="r8nlc"><cite id="r8nlc"></cite></del><p id="r8nlc"></p><output id="r8nlc"><sup id="r8nlc"></sup></output><strong id="r8nlc"></strong><pre id="r8nlc"></pre><option id="r8nlc"></option><acronym id="r8nlc"></acronym><strong id="r8nlc"><center id="r8nlc"></center></strong><cite id="r8nlc"></cite><optgroup id="r8nlc"><dfn id="r8nlc"></dfn></optgroup><del id="r8nlc"><rt id="r8nlc"></rt></del><center id="r8nlc"><strong id="r8nlc"></strong></center><output id="r8nlc"><sup id="r8nlc"></sup></output><output id="r8nlc"><sup id="r8nlc"></sup></output><source id="r8nlc"><listing id="r8nlc"></listing></source><strong id="r8nlc"></strong><b id="r8nlc"><legend id="r8nlc"></legend></b><legend id="r8nlc"></legend><tfoot id="r8nlc"><style id="r8nlc"></style></tfoot><legend id="r8nlc"></legend><pre id="r8nlc"></pre><cite id="r8nlc"></cite><legend id="r8nlc"></legend><option id="r8nlc"></option><delect id="r8nlc"><strong id="r8nlc"></strong></delect><button id="r8nlc"></button><thead id="r8nlc"><optgroup id="r8nlc"></optgroup></thead><small id="r8nlc"></small><sup id="r8nlc"><nav id="r8nlc"></nav></sup><nav id="r8nlc"></nav><dl id="r8nlc"></dl><output id="r8nlc"><sup id="r8nlc"></sup></output><small id="r8nlc"></small><ruby id="r8nlc"><ol id="r8nlc"></ol></ruby><th id="r8nlc"><strong id="r8nlc"></strong></th><nobr id="r8nlc"></nobr><dl id="r8nlc"></dl><sup id="r8nlc"></sup><nobr id="r8nlc"><delect id="r8nlc"></delect></nobr><optgroup id="r8nlc"></optgroup><pre id="r8nlc"></pre><legend id="r8nlc"></legend><strong id="r8nlc"><center id="r8nlc"></center></strong><b id="r8nlc"><legend id="r8nlc"></legend></b></div> </html>