中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

Div+CSS布局開發(fā)中的一些小技巧

2023-02-20    分類: 網(wǎng)站建設

在CSS網(wǎng)頁布局開發(fā)中,會有很多小技巧,新手朋友往往對此很不熟悉。因此,搜集了一些關于Div+CSS布局的簡單擴展技巧和用法,其實很簡單,適合新手看。

一、ul標簽在Mozilla中默認是有padding值的,而在IE中只有margin有值。

二、同一個的class選擇符可以在一個文檔中重復出現(xiàn),而id選擇符卻只能出現(xiàn)一次。對一個標簽同時使用class和id進行CSS定義,如果定義有重復,id選擇符做的定義有效,是因為id的權重要比class大。

三、一個兼容性調(diào)整(IE和Mozilla)的笨辦法:初學可能會碰到這樣一個情況:同樣一個標簽的屬性在IE設置成A顯示是正常的,而在Mozilla里必須要設成B才能正常顯示,或者兩個倒過來。

臨時解決方法:選擇符{屬性名:B !important;屬性名:A} 或許有時候并沒有效果。你可以在搜索更多的BUG解決方法。

四、如果一組要嵌套的標簽之間需要些間距的話,那就留給位于里面的標簽的margin屬性吧,而不要去定義位于外面的標簽的padding

五、li標簽前面的圖標推薦使用background-image,而不是list-style-image.

六、IE分不清繼承關系和父子關系的差別,全部都是繼承關系。

七、在給你的標簽瘋狂加選擇符的時候,別忘了在CSS里給選擇符加上注釋。等你以后修改你的CSS的時候就知道為什么要這么做了。另外提醒您,不要太瘋狂了。

八、如果你給一個標簽設置了一個深色調(diào)的背景圖片和亮色調(diào)的文字效果。建議這個時候給你的標簽再設置一個深色調(diào)的背景顏色。因為圖片丟失了,也可以保持文字的可讀性。

九、定義鏈接的四種狀態(tài)要注意先后順序: Link Visited Hover Active

十、與內(nèi)容無關的圖片請使用background.時刻記住表現(xiàn)與內(nèi)容分離。

十一、定義顏色可以縮寫#8899FF=#89F

十二、table在某些方面還是有用武之地的,在遇到內(nèi)容為數(shù)據(jù)表格時,不要對它產(chǎn)生憎恨的心理。

十三、<script>沒有l(wèi)anguage這個屬性,應該寫成這樣:<script type=”text/javascript”>
十四、好的單象素外框線表格(在IE5、IE6、IE7及FF1.0.4以上中均可通過測試)
table{ border-collapse:collapse; }

td{ border:#000 solid 1px; }

十五、margin取負值可以在標簽使用絕對定位的時候起到相對定位的作用,在頁面居中顯示時,使用絕對定位的層不適合使用left:XXpx這個屬性。把這個層放到一個要相對定位的標簽旁,然后使用margin的負值是個好方法。

十六、絕對定位時使用margin值定位可以達到相對于本身所在位置的定,這與top,left等屬性相對與窗口邊緣的定位不同。絕對定位的優(yōu)勢在于可以讓其它元素忽略它的存在。

十七、如果文字過長,則將過長的部分變成省略號顯示:IE5,F(xiàn)F無效,但可以隱藏,IE6有效DIV STYLE=“width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”> 就是比如有一行文字,很長,表格內(nèi)一行顯示不下。

十八、在IE中可能由于注釋帶來的文字重復問題時可以把注釋改為:

<!–[if !IE]>Put your commentary in here…<![endif]–>

十九、如何用CSS調(diào)用外部字體語法:@font-face{font-family:name;src:url(url);sRules}取值:name:字體名稱。任何可能的 font-family 屬性的值url(url):使用絕對或相對 url 地址指定OpenType字體文件sRules:樣式表定義

二十、如何讓一個表單中的文本框中的文字垂直居中?

如果用行高與高度的組在FF中是沒有效果的,辦法就是定義上下補白就可以實現(xiàn)想想的效果了。

二十一、定義A標簽要注意的小問題:當我們定義a{color:red;}時,它代表了A的四種狀態(tài)的樣式,如果此時要定義一個鼠標放上的狀態(tài)只要定義a:hover就可以了,其它三種狀態(tài)就是A中所定義的樣式。只定義了一個a:link時,一定要記得把其它三種狀態(tài)定義出來!

當前名稱:Div+CSS布局開發(fā)中的一些小技巧
轉載源于:http://www.rwnh.cn/news27/238227.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、域名注冊云服務器、自適應網(wǎng)站虛擬主機、ChatGPT

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化
芜湖市| 宣城市| 宁蒗| 定安县| 华安县| 陈巴尔虎旗| 江城| 澄迈县| 含山县| 楚雄市| 云南省| 南华县| 依安县| 文登市| 汾阳市| 沁阳市| 五指山市| 富宁县| 宕昌县| 长春市| 伊春市| 井陉县| 周至县| 鄢陵县| 金坛市| 沙雅县| 沙洋县| 铁力市| 石林| 蒙山县| 台江县| 安徽省| 仁布县| 高青县| 乐安县| 肃北| 东方市| 嘉祥县| 托克托县| 土默特左旗| 武宁县|