樣式表舉例

2023-01-27 10:36:02 字數 897 閱讀 1597

1、 內部樣式表

下面通過建立css樣式對網頁中的文字進行格式化。

(1)用dw開啟網頁文件

(2)單擊「樣式表」面板中的「新建css規則」按鈕,彈出「新建css規則」對話方塊。

(3)在「名稱」文字框裡輸入要定義的css樣式的名稱.ziti,在「選擇器型別」項中選中「類」單選按鈕,在「定義在」項中選中「僅對該文件」單選按鈕。

(4)單擊「確定」按鈕,在「.ziti的css規則定義」對話方塊中,選擇左邊「分類」列表項中的「型別」選項,把「大小」設為12畫素。

(5)選擇「分類」列表框中的「區塊」選項,把「文字縮排」設為2個字型高,即2個漢字,這是讓每一段落的行首自動空兩個漢字。

(6)單擊「確定」按鈕,字型的css樣式就定義成功了,此時,可以在「css樣式」面板裡看到增加了乙個.ziti的css樣式。

(7)切換到「**」檢視,可以看到在之間新增加了以下**:

這是在html文件內部定義的css**。

(8)切換到「設計」檢視。在「標籤選擇器」上選定標籤,然後在標籤上右擊,在彈出的快捷選單中選擇「設定類」|ziti命令,就可以快速把已經定義的ziti樣式類指定給標籤。切換到「**」檢視,可以看到標籤變成了以下**:

(9)將網頁文件另存為:「4.3.

1(css).html」,用瀏覽器預覽效果,網頁的字型看起來就像專業**的字型了,並且字型尺寸也不會隨瀏覽器字型大小設定而改變了,每個段落的首位自動空了兩個漢字的距離。

(10)在「css樣式」面板中,選擇.ziti樣式,單擊「編輯樣式」按鈕,會彈出「.ziti的css規則定義」對話方塊。

(11)在「行高」右邊的兩個下拉列表中分別選擇「值」、「%」選項,然後,再在「(值)」文字框中輸入數值,這裡輸入150%作為網頁文字的行間距。

(12)單擊「確定」按鈕。此時網頁中的文字行間距會自動調整為定義的樣式。

CSS樣式表應用

例1 建立上標 下標樣式表 1 單擊 視窗 css樣式 命令,開啟 css樣式 面板。2 單擊 css樣式 面板右上角的下三角按鈕,從彈出的選單中選擇 新建css樣式 命令,這時會出現 新建css樣式 對話方塊。3 在 新建css樣式 對話方塊中,將 名稱 設定為sbiao,型別 設定為 類 可應用...

圖紙會審證明樣式表

圖紙會審 設計變更證明 福林苑小區a22 樓工程有圖紙會審記錄 張,設計變更單 張。設計單位 經辦人 簽字 單位公章 建設單位 經辦人 簽字 單位公章 施工單位 經辦人 簽字 單位公章 監理單位 經辦人 簽字 單位公章 年月日 說明 每個工程無論會審變更有無,或多少必須開此證明。圖紙會審 設計變更證...

CSS樣式表Hack總結

select after 在firefox中,當子級都為浮動時,那麼父級的高度就無法完全的包住整個子級,那麼這時用這個清除浮動的hack來對父級做一次定義,那麼就可以解決這個問題。截字省略號 select 這個是在越出長度後會自行的截掉多出部分的文字,並以省略號結尾,很好的乙個技術。只是目前fire...