一.使用css縮寫
使用縮寫可以減小你的
css檔案,並且使檔案更加容易閱讀。 16
進製的色彩值,如果每兩位的值相同,可以用
css的簡寫規則縮寫為原來的一半,例如:
#aa0000
可以縮寫為
#a00;#33bb99
可以縮寫為
#3b9;等
邊框的屬性:
border-width:1px;
border-style:solid;
border-color:#000;
可以縮寫為一句:
border:1px solid #000;
盒尺寸通常有以下四種簡寫方法:
屬性:值1;
表示所有邊都是乙個值1;
屬性:值1
值2;
表示top
和bottom
的值是值
1,right
和left
的值是值2屬性
:值1 值
2 值3; 表示
top的值是值1,
right
和left
的值是值2,
bottom
的值是值
3 屬性:值
1 值2 值
3 值4; 四個值依次表示
top,right,bottom,left
背景的屬性:
background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
可以縮寫為一句:
background:#f00 url(background.gif) no-repeat fixed 0 0;
你也可以省略其中的乙個或多個屬性值,省略的屬性值將使用瀏覽器的預設值:
color: transparent
(注意:
netscape4.x
在很多地方會把透明理解成黑色)
image: none
repeat: repeat
attachment: scroll
position: 0% 0%
字型的屬性:
font-style:italic;
font-variant:**all-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
"lucida grande",sans-serif;
縮寫形式:
font:italic **all-caps bold 1em/140% "lucida grande",sans-serif;
注意:在縮寫字型定義時,至少要定義
font-size
和font-family
兩個值。
取消預設的圓點和序號可以這樣寫
list-style:none;,
list
的屬性:
list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);
縮寫形式:
list-style:square inside url(image.gif);
二.明確定義單位(值為0時例外)
忘記定義值的單位是
css新手常犯的錯誤。在
html
中你可以只寫
width=100
,但是在
css中,你必須在值後寫出單位,比如:
width:100px width:100em
。只有兩個例外情況可以不定義單位:行高和
0值。除此以外,其他值都必須緊跟單位。注意:不要在數值和單位之間加空格。
三.區分大小寫的情況
css是不區分大小寫的,但是當在
xhtml
中使用css
時,類別和
id名稱是區分大小寫的,例如:
myclass
和myclass
是不相等的。為了避免這種錯誤,最好把所有的定義名稱都採用小寫。
四.取消class和id前的元素限定
當給頁面中的乙個元素定義
class
或者id
時(id
在乙個頁面裡是唯一的,
class
可以多次使用),可以省略前面的元素限定。例如:
div#content
fieldset.details
可以寫成
#content
.details
這樣做的好處是,可以節省一些位元組、節約頻寬。
五.預設值
通常padding
的預設值為0,
background-color
的預設值是
transparent
。但是在不同的瀏覽器裡預設值可能不一樣。為了防止意外情況,可以在樣式表中一開始就先定義所有元素的
margin
和padding
值都為0
,象這樣:
* 六.定義的可繼承性
在css
中,子元素自動繼承父元素的屬性值,象顏色、字型等,如果已經在父元素中定義過的,在子元素中可以直接繼承,不需要重複定義,大多數現代的瀏覽器都支援這項功能。但也要注意,瀏覽器可能使用一些預設值覆蓋你的定義。
常用技巧總結
number轉string 需要標頭檔案 include string str to string number string轉number 需要標頭檔案 include 轉整形 int number atoi 1234 轉浮點 float number atof 123.123 需要標頭檔案 in...
PCB佈線技巧大總結
佈線 layout 是 pcb設計 工程師最基本的工作技能之一。走線的好壞將直接影響到整個系統的效能,大多數高速的設計理論也要最終經過layout得以實現並驗證,由此可見,佈線在高速pcb設計中是至關重要的。下面 搜芯網將針對實際佈線中可能遇到的一些情況,分析其合理性,並給出一些比較優化的走線策略。...
Linux or unix 常用技巧總結
turbolilnux7.1 1 去掉終端字元顏色顯示 修改在工作目錄下 bashrc中。alias ls ls nf show control chars if you use color ls,comment out above line and uncomment below 2 lines....