中的常用技巧大總結

2021-04-15 02:12:49 字數 3264 閱讀 5566

.使用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

是不相等的。為了避免這種錯誤,最好把所有的定義名稱都採用小寫。

.取消classid前的元素限定

當給頁面中的乙個元素定義

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....