網頁製作CSS樣式九條技巧

2021-08-08 05:13:03 字數 523 閱讀 8503

第一.css字型的簡寫

平時當你使用css定義字型時你可能會這樣做:

font-size: 1em;

line-height: 1.5em;

font-weight: bold;

font-style: italic;

font-variant: small-caps;

font-family: verdana,serif;

我們可以簡寫這些樣式:

font: 1em/1.5em bold italic small-caps verdana,serif;

現在好多了吧,不過有一點要注意:使用這一簡寫方式你至少要指定font-size和font-family屬性,其他的屬性(如font-weight, font-style,font-varient)如未指定將自動使用預設值。

第二.同時使用兩個class

通常我們只為屬性指定乙個class,但這並不等於你只能指定乙個,實際上,你想指定多少就可以指定多少,例如:

網頁特效果**園地

網頁滾動條CSS樣式

滾動條樣式主要涉及到如下css屬性 overflow屬性 檢索或設定當物件的內容超過其指定高度及寬度時如何顯示內容 overflow auto 在需要時內容會自動新增滾動條 overflow scroll 總是顯示滾動條 overflow x hidden 禁止橫向的滾動條 overflow y s...

50條網頁製作小技巧集錦

50條網頁製作小技巧集錦 控制橫向和縱向滾動條的顯隱?設為首頁 文字或彈出指定大小的視窗 在body中加入 彈出 或文字 flash按鈕加鏈結 跳轉頁面 細線分隔線 網頁中的自動換行 就搞定了。完整的是 style table layout fixed word break break all wo...

網頁CSS樣式表設計十條技巧1

1.css 字型簡寫規則 當使用css定義字型時你可能會這樣做 以下是引用片段 font size 1em line height 1.5em font weight bold font style italic font variant all caps font family verdana,s...