建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯網營銷解決方案
探究CSS發(fā)展史以及優(yōu)勢
本文向大家描述一下CSS的發(fā)展歷程，從1990年代初HTML被發(fā)明開始樣式表就以各種形式出現了，1997年初，W3C內組織了專門管CSS的工作組，到2007年為止，第三版還未完備。
10年積累的網站建設、成都網站制作經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先網站設計制作后付款的網站建設流程，更有盤龍免費網站建設讓你可以放心的選擇與我們合作。
CSS的發(fā)展歷程
CSS歷史
從1990年代初HTML被發(fā)明開始樣式表就以各種形式出現了，不同的瀏覽器結合了它們各自的樣式語言，讀者可以使用這些樣式語言來調節(jié)網頁的顯示方式。一開始樣式表是給讀者用的，最初的HTML版本只含有很少的顯示屬性，讀者來決定網頁應該怎樣被顯示。
但隨著HTML的成長，為了滿足設計師的要求，HTML獲得了很多顯示功能。隨著這些功能的增加外來定義樣式的語言越來越沒有意義了。
1994年哈坤·利提出了CSS的最初建議。伯特·波斯（BertBos）當時正在設計一個叫做Argo的瀏覽器，他們決定一起合作設計CSS。
當時已經有過一些樣式表語言的建議了，但CSS是第一個含有“層疊”的主意的。在CSS中，一個文件的樣式可以從其他的樣式表中繼承下來。讀者在有些地方可以使用他自己更喜歡的樣式，在其他地方則繼承，或“層疊”作者的樣式,這種層疊的方式使作者和讀者都可以靈活地加入自己的設計，混合各人的愛好。
哈坤于1994年在芝加哥的一次會議上第一次展示了CSS的建議，1995年他與波斯一起再次展示這個建議。當時W3C剛剛建立，W3C對CSS的發(fā)展很感興趣，它為此組織了一次討論會。哈坤、波斯和其他一些人（比如微軟的托馬斯·雷爾登）是這個項目的主要技術負責人。1996年底，CSS已經完成。1996年12月CSS要求的第一版本被出版。
1997年初，W3C內組織了專門管CSS的工作組，其負責人是克里斯·里雷。這個工作組開始討論第一版中沒有涉及到的問題，其結果是1998年5月出版的第二版要求。到2007年為止，第三版還未完備。
使用CSS+DIV的優(yōu)點
采用CSS+DIV進行網頁重構相對與傳統(tǒng)的TABLE網頁布局而具有以下3個顯著優(yōu)勢：
◆表現和內容相分離將設計部分剝離出來放在一個獨立樣式文件中，HTML文件中只存放文本信息。這樣的頁面對搜索引擎更加友好。
◆提高頁面瀏覽速度對于同一個頁面視覺效果，采用CSS+DIV重構的頁面容量要比TABLE編碼的頁面文件容量小得多，前者一般只有后者的1/2大小。瀏覽器就不用去編譯大量冗長的標簽。
◆易于維護和改版你只要簡單的修改幾個CSS文件就可以重新設計整個網站的頁面。
感性體驗CSS
什么是CascadingStyleSheets（層疊樣式表）*CSS是CascadingStyleSheets(層疊樣式表)的簡稱.*CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器解釋執(zhí)行(屬于瀏覽器解釋型語言).*在標準網頁設計中CSS負責網頁內容(XHTML)的表現.*CSS文件也可以說是一個文本文件,它包含了一些CSS標記,CSS文件必須使用css為文件名后綴.*可以通過簡單的更改CSS文件,改變網頁的整體表現形式,可以減少我們的工作量,所以她是每一個網頁設計人員的必修課.*CSS是由W3C的CSS工作組產生和維護的.
如何將樣式表加入到網頁
可以用以下三種方式將樣式表加入您的網頁。而最接近目標的樣式定義優(yōu)先權越高。高優(yōu)先權樣式將繼承低優(yōu)先權樣式的未重疊定義但覆蓋重疊的定義。例外請參閱!important聲明。鏈入外部樣式表文件(LinkingtoaStyleSheet)你可以先建立外部樣式表文件（.css），然后使用HTML的link對象。示例如下：
viewplaincopytoclipboardprint?
文檔標題 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>文檔標題 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中，你應該如下例所示在聲明區(qū)中加入： 定義內部樣式塊對象(EmbeddingaStyleBlock)你可以在你的HTML文檔的和標記之間插入一個塊對象。定義方式請參閱樣式表語法。示例如下：定義內部樣式塊對象(EmbeddingaStyleBlock)你可以在你的HTML文檔的和標記之間插入一個塊對象。定義方式請參閱樣式表語法。示例如下：</p><p>viewplaincopytoclipboardprint?</p><pre> <ol> <li><html> </li> <li> <head> </li> <li> <title>文檔標題 title> </li> <li> <styletypestyletype="text/css"> </li> <li> 深入<em>探究</em>交換機技術<em>發(fā)展史</em> 與橋接器不同的是交換機技術轉發(fā)延遲很小，操作接近單個局域網性能，遠遠超過了普通橋接互聯網絡之間的轉發(fā)性能。 <p>2010-01-05 15:43:08</p> 交換機技術</li> </ol></pre> <br> 當前名稱：探究CSS發(fā)展史以及優(yōu)勢 <br> URL分享：<a href="http://m.5511xx.com/article/coghdjo.html">http://m.5511xx.com/article/coghdjo.html</a> </div> <div id="kmka6n2" class="hot_new"> <div id="e9rzyw8" class="page_title clearfix"> <h3>其他資訊</h3> </div> <div id="dmucjai" class="news_list clearfix"> <ul> <li> <a href="/article/dhdiepc.html">ip中轉和直連有啥區(qū)別？（CN2GIA線路是否有任何限制或限制？）</a> </li><li> <a href="/article/dhdiepo.html">原神b服服務器穩(wěn)定性？電腦做服務器穩(wěn)定性</a> </li><li> <a href="/article/dhdiehs.html">Oracle數據庫架構搭建下GPU性能優(yōu)化實踐</a> </li><li> <a href="/article/dhdiejj.html">選擇美國高防服務器的五大優(yōu)勢</a> </li><li> <a href="/article/dhdieic.html">云服務器主機怎么配置</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div id="uonvji7" class="footer wow fadeInUp"> <div id="4c8yqiy" class="rowFluid"> <div id="jtb4azy" class="span12"> <div id="8jrzpxo" class="container"> <div id="o7saz6h" class="footer_content"> <div id="8dbi4qi" class="span4 col-xm-12"> <div id="kulclcs" class="footer_list"> <div id="qjzqom9" class="span6"> <div id="pj2gnoe" class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務號二維碼" /></div> </div> <div id="jbbrzqz" class="span6 col-xm-12"> <div id="bcsba3i" class="quick_navigation"> <div id="9nyo1w8" class="quick_navigation_title">快速導航</div> <ul> <li><a title="眉山維修發(fā)電機公司" target="_blank">眉山維修發(fā)電機公司</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 title="成都樓頂廣告牌" target="_blank">成都樓頂廣告牌</a></li><li><a title="成都濟柴發(fā)電機銷售" target="_blank">成都濟柴發(fā)電機銷售</a></li><li><a title="成都畫冊設計" target="_blank">成都畫冊設計</a></li><li><a title="景區(qū)導示設計制作" target="_blank">景區(qū)導示設計制作</a></li><li><a title="重慶水土機房托管" target="_blank">重慶水土機房托管</a></li><li><a title="宜賓網站營銷推廣" target="_blank">宜賓網站營銷推廣</a></li> </ul> </div> </div> </div> </div> <div id="tky9rzq" class="span4 col-xm-6 col-xs-12"> <div id="c9yiyxo" class="footer_list"> <div id="bcka9jk" class="footer_link"> <div id="wonvlu3" class="footer_link_title">友情鏈接</div> <ul id="frientLinks"> <a title="網站制作" target="_blank">網站制作</a> <a title="網站建設" target="_blank">網站建設</a> <a title="成都網絡推廣" target="_blank">網絡推廣</a> <a title="成都網站推廣" target="_blank">網站推廣</a> <a title="成都微信小程序開發(fā)" target="_blank">小程序開發(fā)</a> <a title="創(chuàng)新互聯網站欄目導航" target="_blank">網站導航</a> </ul> <div id="84eeqzh" class="footer_link_title">網站建設</div> <ul id="frientLinks"> <li><a href="/">四川平武建站</a></li> <li><a title="創(chuàng)新互聯網站欄目導航" target="_blank">網站導航</a></li> </ul> </div> </div> </div> <div id="cnvch88" class="span4 col-xm-6 col-xs-12"> <div id="rkucjaa" class="footer_list"> <div id="cel89iy" class="footer_cotact"> <div id="ewndldc" class="footer_cotact_title">聯系方式</div> <ul> <li><span id="1xwv3jk" class="footer_cotact_type">企業(yè)：</span><span id="zr8m9kj" class="footer_cotact_content">四川綿陽平武網站建設工作室</span></li> <li><span id="v2rq64v" class="footer_cotact_type">地址：</span><span id="enm97ji" class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li> <li><span id="vemoonu" class="footer_cotact_type">電話：</span><span id="wpgnevm" class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span id="actkiyb" class="footer_cotact_type">網址：</span><span id="tvdtzr4" class="footer_cotact_content"><a href="/" title="四川平武網站建設">m.5511xx.com</a></span></li> </ul> </div> </div> </div> </div> </div> <div id="v37lsjq" class="copyright"> <p>公司名稱：四川綿陽平武網站建設工作室 聯系電話：18980820575</p> <p><a target="_blank" rel="nofollow">網站備案號：蜀ICP備2024061352號-3</a></p> <p>四川平武建站 四川平武網站建設 四川平武網站設計 四川平武網站制作 <a target="_blank">成都做網站</a></p> </div> </div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://m.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a> <div class="friend-links"> </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="bicol" class="pl_css_ganrao" style="display: none;"><del id="bicol"></del><sup id="bicol"><menu id="bicol"><tr id="bicol"></tr></menu></sup><tbody id="bicol"></tbody><nav id="bicol"><ruby id="bicol"><sub id="bicol"></sub></ruby></nav><acronym id="bicol"><legend id="bicol"><tbody id="bicol"></tbody></legend></acronym><ruby id="bicol"></ruby><legend id="bicol"><strong id="bicol"><em id="bicol"></em></strong></legend><tr id="bicol"><dfn id="bicol"><ul id="bicol"></ul></dfn></tr><samp id="bicol"></samp><meter id="bicol"><strike id="bicol"><b id="bicol"></b></strike></meter><legend id="bicol"></legend><tbody id="bicol"></tbody><nav id="bicol"></nav><progress id="bicol"></progress><wbr id="bicol"><abbr id="bicol"><sup id="bicol"></sup></abbr></wbr><blockquote id="bicol"></blockquote><progress id="bicol"><listing id="bicol"><small id="bicol"></small></listing></progress><table id="bicol"><ins id="bicol"><wbr id="bicol"></wbr></ins></table><font id="bicol"><th id="bicol"><track id="bicol"></track></th></font><wbr id="bicol"></wbr><u id="bicol"><sup id="bicol"><source id="bicol"></source></sup></u><font id="bicol"></font><address id="bicol"></address><div id="bicol"><th id="bicol"><samp id="bicol"></samp></th></div><legend id="bicol"><track id="bicol"><blockquote id="bicol"></blockquote></track></legend><tr id="bicol"><bdo id="bicol"><b id="bicol"></b></bdo></tr><dd id="bicol"></dd><u id="bicol"><sup id="bicol"><source id="bicol"></source></sup></u><meter id="bicol"></meter><meter id="bicol"></meter><address id="bicol"><strong id="bicol"><ruby id="bicol"></ruby></strong></address><table id="bicol"></table><th id="bicol"><samp id="bicol"><th id="bicol"></th></samp></th><mark id="bicol"><source id="bicol"><tr id="bicol"></tr></source></mark><samp id="bicol"><th id="bicol"><em id="bicol"></em></th></samp><acronym id="bicol"></acronym><span id="bicol"></span><meter id="bicol"><dfn id="bicol"><b id="bicol"></b></dfn></meter><label id="bicol"><acronym id="bicol"><dd id="bicol"></dd></acronym></label><abbr id="bicol"><mark id="bicol"><source id="bicol"></source></mark></abbr><span id="bicol"></span><tr id="bicol"></tr><blockquote id="bicol"></blockquote><dd id="bicol"><tbody id="bicol"><pre id="bicol"></pre></tbody></dd><meter id="bicol"><dfn id="bicol"><b id="bicol"></b></dfn></meter><sup id="bicol"></sup><sub id="bicol"><source id="bicol"><tr id="bicol"></tr></source></sub><th id="bicol"></th><acronym id="bicol"><address id="bicol"><tbody id="bicol"></tbody></address></acronym><sup id="bicol"></sup><blockquote id="bicol"><div id="bicol"><option id="bicol"></option></div></blockquote><span id="bicol"></span><strike id="bicol"></strike><sup id="bicol"></sup><samp id="bicol"><legend id="bicol"><em id="bicol"></em></legend></samp><menu id="bicol"><rp id="bicol"><address id="bicol"></address></rp></menu><sub id="bicol"><menu id="bicol"><rp id="bicol"></rp></menu></sub><th id="bicol"></th><listing id="bicol"><del id="bicol"><tr id="bicol"></tr></del></listing><wbr id="bicol"><abbr id="bicol"><sup id="bicol"></sup></abbr></wbr><font id="bicol"><dd id="bicol"><track id="bicol"></track></dd></font><table id="bicol"></table><tbody id="bicol"></tbody><listing id="bicol"></listing><th id="bicol"><samp id="bicol"><th id="bicol"></th></samp></th><font id="bicol"></font><ul id="bicol"><progress id="bicol"><listing id="bicol"></listing></progress></ul><listing id="bicol"></listing><th id="bicol"><track id="bicol"><blockquote id="bicol"></blockquote></track></th><mark id="bicol"><source id="bicol"><form id="bicol"></form></source></mark><span id="bicol"><code id="bicol"><del id="bicol"></del></code></span><tr id="bicol"><ins id="bicol"><wbr id="bicol"></wbr></ins></tr><dfn id="bicol"></dfn><abbr id="bicol"><mark id="bicol"><menu id="bicol"></menu></mark></abbr><del id="bicol"><meter id="bicol"><abbr id="bicol"></abbr></meter></del><wbr id="bicol"><abbr id="bicol"><sub id="bicol"></sub></abbr></wbr><mark id="bicol"></mark><pre id="bicol"></pre><form id="bicol"></form><source id="bicol"></source><th id="bicol"><tbody id="bicol"><blockquote id="bicol"></blockquote></tbody></th><legend id="bicol"><strong id="bicol"><em id="bicol"></em></strong></legend><strike id="bicol"></strike><dd id="bicol"></dd><code id="bicol"></code><span id="bicol"></span><sup id="bicol"></sup><del id="bicol"><tr id="bicol"><abbr id="bicol"></abbr></tr></del><dd id="bicol"></dd><acronym id="bicol"><legend id="bicol"><tbody id="bicol"></tbody></legend></acronym><tr id="bicol"><address id="bicol"><nav id="bicol"></nav></address></tr><source id="bicol"></source><tr id="bicol"><address id="bicol"><nav id="bicol"></nav></address></tr><div id="bicol"><th id="bicol"><font id="bicol"></font></th></div><tr id="bicol"><ins id="bicol"><wbr id="bicol"></wbr></ins></tr><tr id="bicol"></tr><small id="bicol"></small><listing id="bicol"><small id="bicol"><tr id="bicol"></tr></small></listing><ul id="bicol"></ul><span id="bicol"><form id="bicol"><ins id="bicol"></ins></form></span></div> </html>