css有很多的功能,在這裡,小編跟大家分享css中的八個小技巧。
1、相容所有瀏覽器顯示半透明效果的方法
<div class="transparent"></div> .transparent { filter: progid:DXImageTrans for m.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: .5; width : 200px; height : 200px; margin : 0 auto; background : url("../img/pic.jpg"); }
2、_height,_width的作用
使用_height解決float的div不閉合的問題,可以將_height屬性去掉就可以達到效果。
<div id="wrap"> <div class="column_ left "> <h1 id="Float-nbsp-left">Float left</h1> </div> <div class="column_ right "> <h1 id="Float-nbsp-right">Float right</h1> </div> </div> #wrap { b ord er: 6px solid #ccc; overflow : auto; _height: 1%; } .column_left { width: 20%; padding : 10px; float: left; } .column_right { float: right; width: 75%; padding: 10px; border-left: 6px solid #ccc; }
3、使用min-height min-width解決div,或是span的固定高度問題
有時候我們需要設定某個元素固定高度,但是在firefox或opera下面只設定高度,在內容不夠多的時候,達不到預想的效果,這時候我們可以使用min-height
4、 使用media指令引入兩種css:列印版本的css和螢幕顯示的css
<link type="text/css" rel="stylesheet" href="url" media="screen" charset="utf-8"> <link type="text/css" rel="stylesheet" href="url" media="print" charset="utf-8">
5、用.fixTable{ table-layout: fixed; overflow:hidden; }加上nobr標籤實作隱藏
6、可以使用page-break-after,page-break- before控制列印時的分頁
7、*html{}的作用是為了相容6.0以下的IE版本,對html節點的選取,其他的瀏覽器都認為html標籤是文件的根節點,而ie6以下的ie版本卻認為在html標籤的上面還有一個根節點
8、使用text-indent顯示圖片,而隱藏文字
h1 { background: url(../img/pic.jpg) no-repeat; width: 200px; height: 200px; text-indent: -2000px}
【相關推薦】
1. 特別推薦:「php程式設計師工具箱」V0.1版本下載
2. 免費css線上影片教學
以上是分享CSS的八個小技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章!

文章討論了CSS保證金屬性,特別是“保證金:40px 100px 120px 80px”,其應用程序以及對網頁佈局的影響。

本文討論了CSS邊境屬性,重點是自定義,最佳實踐和響應能力。主要論點:邊境 - 拉迪烏斯(Border-Radius)對響應式設計最有效。

本文討論了CSS中評論的使用,詳細介紹了單線和多行評論語法。它認為註釋可以增強代碼的可讀性,可維護性和協作,但如果無法正確管理,可能會影響網站性能。

文章討論了將CSS添加到HTML的三種方法:內聯,內部和外部。分析了每種方法對網站性能和適合初學者的適用性的影響。 (159個字符)


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

WebStorm Mac版
好用的JavaScript開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

Dreamweaver Mac版
視覺化網頁開發工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器