2345技术员联盟

css的限制-专业SEO技术教程

  • 来源:未知 原创
  • 时间:2018-06-29
  • 阅读:
  • 本文标签:

      使用“完整”的css的缺點.瀏覽器支持的不一致性、瀏覽器的漏洞或缺乏支持的css功能,導致不同的瀏覽器顯示出不同的css版面編排。例如微軟intent explorer6.0舊版本,執行了許多自己的css4.0屬性,曲解很多重要的屬性。例如:width、height和float。許多所謂的css的人員,必須在最熱門的或常用的瀏覽器中達到一致的版面編排。在不同的瀏覽器中,要達到像素精準的版面編排,有時候是不可能的。css沒有父層選擇器。css選擇器無法提供元素的父層或繼承性,以符合某種程度的標準。先進的選擇器(如xpath)有助於復雜的樣式設計。然而,瀏覽器的性能和增加彩現的問題關系著父層選擇器,卻是css的工作群組拒絕建議的主要原因。


      不能明確地指定繼承性。樣式的繼承性,建立在瀏覽器中的dom元素的層級和具體的規則上。垂直控制的局限。元素的水平放置普遍易於控制,垂直控制則非憑直覺性的、較迂回的甚至是不可能的。例如,垂直地圍繞一個元素。頁尾的放置不能高於可見視窗(viewpoint,視窗或屏幕的可見範圍)的底部範圍,需要復雜而非憑直覺性的樣式規則,或是簡單但不被廣泛支持的規則.顯示的缺乏。目前的css沒有辦法明確又簡單地顯示屬性值(如margin-left:10%-3em+4px;)。這在很多情況下都是非常有用的,例如:總字段中計算字段的尺寸限制。無論如何,csswg發表了css局限制的草案,而Internet explorer 5以後的版本支持相似功能的語法顯示。


     缺乏正教性。同樣的效果可以用不同的屬性來完成,這經常會造成困擾。如position、dispaly與floa定義了不同的配置方式,而且不能有效地交替使用。一個display:table-cell元素不能指定float或是position:relative,因為指定float:left的元素不應該受到display效果的影響。再者,沒有考慮到新建立屬性所造成的影響。例如,在表格中你應該使用border-spacing而不是margin-*來指定表格元素。這是因為依照css準則,表格內部元素是沒有邊界(margin)的。XHTML+css的結構/你正在學習css布局嗎?你是不是還不能完全掌握純css布局?通常有兩種情況阻礙你的學習。


     第一種可能是你還沒有理解css處理頁面的原理。在你考慮你的頁面的整體表現效果前,你應當先考慮內容的語義和結構,然後再針對語義、結構添加css。今天將告訴你應該怎麽樣把HTML結構化。第二種原因是你對那些非常熟悉的變現層屬性(如cellpadding|,、hspace、align=“left”等)束手無策,不知道該轉換成對應的什麽css語句.當你解決了第一個問題,知道了如何結構化你的HTML,我再給出一個列表,詳細列出原來的表現屬性用什麽css來代替。結構化HTML.我們在學習網頁制作時,總是考慮怎麽設計,考慮哪些圖片、字體、顏色以及布局方案,然後我們用Photoshop或者firework畫出來,切割成小圖,最後再通過編輯HTML將所有設計還原表現在頁面上。


    如果你希望你的HTML頁面用css布局(是css+friendy的),你需要回頭重來。先不考慮“外觀”,要先思考你的頁面內容的語義和結構。外觀並不是最重要的。一個結構良好的HTML頁面可以以任何外觀表現出來,css zen garden是一個典型的例子。css zen garden幫助我們最終認識到css的強大力量。HTML不僅僅在電腦屏幕上閱讀。你用Photoshop精心設計的畫面可能不能顯示在pda、移動電話和屏幕閱讀機上,但是一個結構良好的HTML頁面可以通過css的不同定義,顯示在如何地方、任何網絡設備上。


本文来自电脑技术网www.it892.com),转载本文请注明来源.
本文链接:http://www.it892.com/content/web/css/0629104J22018.html

推荐阅读
无觅相关文章插件,快速提升流量