用微信掃一掃

邵陽seo,邵陽網站推廣

400-6065-301

慕楓網絡-邵陽seo優化與網站建設服務商
寧波網站建設|寧波seo|24小時熱線:邵陽seo,邵陽網站優化
寧波seo,寧波網站優化
邵陽seo,邵陽網站優化
CSS _CSS教程Netqi公司的18項一般技能
mf_web |2019/02/18
    作者:羅杰·約翰森
    
    作者簡介:我住在瑞典哥德堡,1994年開始接觸并參與網頁設計。456貝雷亞街是他的地址,所以我用這個名字作為他的個人家庭域名。
    
    來源:www.456 bereastreet.com
    
    出版日期:2005年3月15日
    
    年齡說明:本文最初命名為css tips and tricks
    
    最近,一些朋友經常問我關于CSS的問題,他們總是不能很好地控制CSS,這影響了CSS的效率,讓我來總結一下錯誤,幫助你更容易地使用CSS。
    
    本文總結了自我開始使用CSS布局方法以來的所有技術和兼容性方案。我想和你分享。我將重點解釋一些新手容易犯的錯誤(包括我自己)。如果你已經掌握了CSS,那么這些經驗技能可能已經知道了。如果你有更多,我希望你能幫我補充一下。
    
    1。使用縮寫css
    
    使用縮寫有助于減小CSS文件的大小,并使其更易于閱讀。CSS縮寫的主要規則可在常見CSS縮寫的語法摘要中找到,此處不作說明。
    
    2。明確定義單位,除非值為0。
    
    忘記定義大小單位對于CSS新手來說是一個常見的錯誤。在HTML中,您只需編寫width=100 只有兩個例外可以定義單位:行高和零值。此外,所有其他值都必須緊跟該單位。注意不要在值和單位之間添加空格。
    
    三、區分大小寫
    
    當在XHTML中使用css時,css中定義的元素名稱區分大小寫。為了避免此錯誤,我建議對所有定義名稱使用小寫。
    
    類和ID值在HTML和XHTML中也區分大小寫。如果必須將大小寫混合使用,請確保CSS的定義與XHTML中的標簽一致。
    
    4。移除類和ID之前的元素限制
    
    在編寫元素以定義CLA或ID時,可以省略前面的元素限制,因為ID在頁面中是唯一的,并且CLA在頁面中可以多次使用。限制元素沒有意義。例如:
    
    它可以寫為
    
    這樣可以節省一些字節。
    
    5。默認值
    
    通常填充的默認值為0,背景色是透明的。但是在不同的瀏覽器中,默認值可能不同。為了避免沖突,可以將樣式表開頭的所有元素的邊距和填充值定義為0,如下所示:
    
    6。無需重新定義可繼承值
    
    在css中,子元素自動繼承父元素的屬性值,如顏色、字體等,這些屬性值在父元素中定義,并且可以在子元素中直接繼承,而不必重復定義。但是請注意,瀏覽器可能會用一些默認值覆蓋您的定義。
    
    七。近期優先原則
    
    如果同一個元素有多個定義,則最接近(最低級別)的定義是最高優先級,例如擁有這樣一段代碼。
    
    在css文件中,您定義了元素p和類更新
    
    在這兩個定義中,將使用class=update,因為class比p更接近。有關詳細信息,請參閱W3C計算選擇器的特定性。
    
    八。多類定義
    
    標簽可以同時定義多個類。例如,我們首先定義兩種樣式,第一種樣式的背景為666,第二種樣式的邊框為10 px。
    
    在頁面代碼中,我們可以這樣稱呼它
    
    最后的結果是,DIV有一個_的背景和一個10px的邊框。是的,沒關系。你可以試試看。
    
    9。使用后代選擇器
    
    CSS初學者不知道使用子選擇器是影響其效率的原因之一。子選擇器可以幫助您保存許多類定義。讓我們看下面的代碼:
    
    此代碼的CSS定義是:
    
    您可以用以下代碼替換上述代碼
    
    樣式定義包括:
    
    使用子選擇器可以使代碼和CSS更加簡潔和易于閱讀。
    
    10。不需要引用背景圖片的路徑。
    
    為了保存字節,我建議不要引用背景圖像路徑,因為不需要引號。例如:
    
    但IE5/Win無法正確顯示此定義。我們使用一種非常有用的技術來解決這個問題:使用文本對齊屬性。如下所示:
    
    文本對齊:第一個正文居中;規則定義IE5/win中正文的所有元素都在中間(其他瀏覽器只將文本居中);文本對齊:第二個為左;扭曲中的文本為左。
    
    導入和隱藏CSS
    
    由于舊的瀏覽器不支持CSS,通常的做法是使用@import技術隱藏CSS。例如:
    
    但是,這個方法不適用于IE4,它已經讓我頭疼了一段時間。后來,我用這種方式寫作:_______
    
    這樣,我們可以將CSS隱藏在IE4中,并保存5個字節。有關@import語法的詳細描述,請參閱這里的Centicle的CSS過濾圖。
    
    16。優化IE
    
    有時,您需要為IE瀏覽器錯誤定義一些特殊規則。這里有太多的CSS技術(黑客)。我只使用其中兩個。無論微軟在即將推出的IE7測試版中是否更好地支持CSS,這兩種方法都是最安全的。
    
    1。注釋方法
    
    (a)在IE中隱藏CSS定義,可以使用子選擇器:
    
    (b)以下措辭僅能被IE瀏覽器理解(對其他瀏覽器隱藏)
    
    (c)有時你希望ie /win有效,ie /mac隱藏起來。您可以使用反斜杠技術:
    
    2。條件注釋法
    
    我認為,另一種比CSS黑客更好地接受測試的方法是使用Microsoft的條件注釋。這樣,您可以獨立地為IE定義一些樣式,而不影響主樣式表的定義。如下所示:
    
    調試技巧:層有多大
    
    當調試CSS出錯時,你必須像排版一樣一行一行地分析CSS代碼。我通常在有問題的層上定義一個背景色,這樣我就能清楚地看到層占用了多少空間。有些人建議使用邊框,這通常是可以接受的,但問題是有時邊框會增加元素的大小。邊界頂部和底部破壞了垂直邊緣的價值,因此背景使用更安全。
    
    另一個經常出現問題的屬性是outline。outline看起來像boeder,但不會影響元素的大小或位置。只有少數瀏覽器支持outline屬性,我只知道safari、omniweb和opera。
    
    十八。CSS代碼編寫樣式
    
    在編寫CSS代碼時,每個人都有寫縮進、換行和空格的習慣,經過不斷的練習,我決定采用以下的寫作風格:
    
    當使用聯合定義時,我通常為每個選擇器編寫一行,這使得在CSS文件中很容易找到它們。在最后一個選擇器和大括號之間添加一個空格,并為每個定義編寫一行。分號直接位于屬性值之后,不添加空格。
    
    我習慣于在每個屬性值后添加分號,雖然規則允許最后一個屬性值后面不加分號,但是如果您想添加一個新樣式,很容易忘記添加分號并出錯,所以最好全部添加。
    
    最后,關閉大括號并寫一行。
    
    空格和新行有助于閱讀。
    
    原網企網文章,本文地址:http://www.wangqi.com /html /2005-12 /2731.htm,轉載請注明出處。
    

成為你更加專業的技術合伙人

友情鏈接:

Copyright ? 2016-2017 慕楓網絡 浙ICP備15047023號-4

梦幻西游挂d5赚钱么 2019捕鱼娱乐 广西快三计划 山东群英会官方网站 江西快3开奖软件 真准网四川快乐12遗漏 广东11选5走势图 青海快三结果查询 股票配资怎么接代理 贵州十一选五胆拖投注法 最新体彩4十1开奖结果查询