用微信掃一掃

聊城seo,聊城網站推廣

400-6065-301

慕楓網絡-聊城seo優化與網站建設服務商
寧波網站建設|寧波seo|24小時熱線:聊城seo,聊城網站優化
寧波seo,寧波網站優化
聊城seo,聊城網站優化
10個你不需要知道的CSS技能
mf_web |2019/02/18
    1。CSS字體屬性短寫規則
    
    通常,使用CSS設置字體屬性會執行以下操作:
    
    字體粗細:粗體;
    
    字體:斜體;
    
    字體變化:小大寫;
    
    字體大小:1EM;
    
    線高:1.5em;
    
    字體系列:Verdana,sans-serif;
    
    但你也可以把它們寫在一行上:
    
    字體:粗體斜體小寫,1em /1.5em,Verdana,sans-serif;
    
    那太好了!唯一需要提醒的是,只有同時指定字體大小和字體系列屬性時,此縮寫才有效。此外,如果不設置字體粗細、字體樣式和字體變量,它們將使用應注意的默認值。
    
    2。同時使用兩個類
    
    一般來說,一個元素只能設置一個類,但這并不意味著不能使用兩個類。實際上,可以這樣做:
    
    …
    
    同時給p元素兩個類,中間有空格,這樣所有的文本和側類屬性都會添加到p元素中。如果兩個類中的屬性發生沖突,則后一個設置會起作用,即放置在css文件后面的類的屬性。
    
    補充:對于身份證,你不能這樣寫…你也不能這樣寫。
    
    三。CSS邊框的默認值
    
    通常可以設置邊界的顏色、寬度和樣式,例如:
    
    邊框:3倍純色000
    
    這張圖將邊界顯示為3像素寬的黑色實線,但實際上,您只需在這里指定樣式即可。
    
    如果只指定樣式,則其他屬性使用默認值。通常,邊框的寬度默認為中等,一般等于3到4個像素;默認顏色為其中文字符的顏色。如果此值正確,則不必設置太多。
    
    4。用于文檔打印的CSS
    
    許多網站都有面向打印的版本,但這并不是真正必要的,因為您可以使用CSS來設置打印樣式。
    
    換句話說,您可以為頁面指定兩個CSS文件,一個用于屏幕顯示,另一個用于打印:
    
    U3000和U3000
    
    第1行是顯示,第2行是打印,注意媒體屬性。
    
    但是應該用印刷體的CSS寫什么呢你可以通過設計普通的CSS來定制它。同時設計,你可以設置這個CSS來顯示它的效果。也許你會使用display:none命令來關閉一些裝飾圖片和關閉一些導航按鈕。更多信息,你可以閱讀文章的打印差異。
    
    5。圖片替換技巧
    
    通常建議使用標準的HTML來顯示文本而不是圖片,這樣不僅速度更快,而且可讀性更強。但是,如果要使用某些特殊字體,則只能使用圖片。
    
    例如,如果你想賣掉整件東西,你可以使用這張圖片:
    
    U3000和U3000
    
    當然,但是對于搜索引擎來說,與普通文本相比,他們對alt替換沒有什么興趣,因為許多設計師在這里放置了大量的關鍵字來欺騙搜索引擎,所以方法應該如下:
    
    購買小部件
    
    但是沒有特殊的字體,為了達到同樣的效果,CSS可以設計如下:
    
    h1 background:url(widget image.gif)no repeat;height:image height text indent:-2000px
    
    注意將圖像高度改為真實圖片的高度,這里圖片顯示為背景,在屏幕左側2000點處,由于-2000像素的縮進,真實文本將不可見,但對于那些關閉圖片的人,可能根本看不到它們,需要注意。
    
    6。CSS盒模型的另一種調整技術
    
    該框模型的調整主要針對IE6之前的IE瀏覽器,計算元素寬度的邊界寬度和空白空間,例如:
    
    #框寬度:100px;邊框:5px;填充:20px
    
    這樣稱呼:
    
    …
    
    此時,框的全寬應為150點,除IE6之前的IE瀏覽器外,其他所有瀏覽器都是正確的,但在IE5等瀏覽器上,其全寬仍為100點,這種差異可以通過使用前人發明的框調整方法來解決。
    
    但是CSS也可以達到相同的目的,所以它們顯示相同的效果。
    
    #框寬度:150px框分區邊框:5px;填充:20px
    
    這將調用以下內容:_______
    
    …
    
    這樣,任何瀏覽器的寬度都是150點。
    
    7。塊元素居中
    
    如果要制作固定寬度的網頁,并希望它位于頁面級別的中間,通常是這樣:
    
    #內容寬度:700px;頁邊距:0自動
    
    您將使用它來封閉所有元素。這很簡單,但還不夠好。IE6的早期版本不會顯示此效果。請按以下方式更改CSS:
    
    正文文本對齊:居中內容文本對齊:左;寬度:700px;頁邊距:0自動
    
    這將使頁面內容居中,因此將其添加到內容中。
    
    文本對齊:左對齊。
    
    8。使用CSS處理垂直對齊
    
    垂直對齊可以很容易地用表格實現。設置表格單位垂直對齊:居中就足夠了。但是對于CSS來說,它是無用的。如果您希望導航欄為2em高,并且希望導航文本垂直居中,則設置此屬性是無用的。
    
    什么是css方法順便說一下,把這些單詞的行高設置為2em:行高:2em,就這樣。
    
    9。容器中的CSS位置
    
    CSS的一個優點是它可以任意定位元素或在容器中。例如,對于此容器:
    
    #容器位置:相對
    
    這樣,容器中的所有元素都將相對定位,其使用方法如下:
    
    …
    
    如果要在左側定位30個點,在頂部定位5個點,可以執行以下操作:
    
    #導航位置:絕對;左:30px;上:5px
    
    當然,你也可以這樣做:
    
    利潤:5px 0030px
    
    注意這四個數字的順序是:上、右、下和左。當然,有時位置法比邊緣法更好。
    
    10。背景色直接到屏幕底部
    
    使用CSS不可能在垂直方向上進行控制。如果希望導航欄與頁面底部的內容欄一樣筆直,則可以方便地使用表格,但如果僅使用如下CSS:
    
    #導航背景:藍色;寬度:150像素
    
    較短的導航欄不會直接到達底部;它們會在中途結束時結束。我們應該怎么做
    
    不幸的是,唯一的技巧是將背景圖像添加到與設置的背景顏色具有相同寬度和顏色的較短列中。
    
    正文背景:url(blue image.gif)0 0 repeat-y
    
    此時不能將em作為一個單位,因為在這種情況下,一旦讀卡器更改了字體大小,技巧就會暴露出來,只使用px。
    
    原網企網文章,本文地址:http://www.wangqi.com /html /2006-11 /7981.htm,轉載請注明出處。
    

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

友情鏈接:

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

拍电影赚钱还是电视剧