CSS樣式表應用

2022-11-11 16:15:03 字數 513 閱讀 8820

例1、建立上標、下標樣式表

1、單擊「視窗」|「css樣式」命令,開啟「css樣式」面板。2、單擊「css樣式」面板右上角的下三角按鈕,從彈出的選單中選擇「新建css樣式」命令,這時會出現「新建css樣式」對話方塊。3、在「新建css樣式」對話方塊中,將「名稱」設定為sbiao,「型別」設定為「類(可應用於任何標籤)」,「定義在」選擇「僅對該文件」。

4、單擊「確定」按鈕,儲存設定,這時可彈出「sbiao的css樣式定義」對話方塊。

5、在「分類」欄中選擇「區塊」,然後在「區塊」區域的「垂直對齊」下拉列表中選擇「上標」。6、單擊「確定」按鈕。

7、重複前面的操作步驟,再新建乙個名稱為xbiao,在「區塊」的「垂直對齊」設定為「下標」的css樣式。

8、這時在「css樣式」面板中,便可看到新建的樣式檔案。

9、在文件中選擇要套用樣式的文字,然後在「css樣式」面板中選擇樣式點選右鍵,在彈出的選單中選擇「套用」命令,這樣文件中的文字便套用了所定義的樣式。10、儲存文件,按f12鍵預覽時便可看到相應的文字處於上標和下標的位置。

CSS樣式表Hack總結

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

實驗三XML樣式表技術 CSS與XSL

驗證性實驗 1 了解xml內容與顯示分離的特點 2 掌握xml樣式的兩種技術css和xsl,並理解兩者的區別 2 掌握css的基本語法和兩種引用方式 3 理解基於xsl處理xml顯示的基本原理 4 掌握xsl的語法結構和元素宣告。5 掌握xsl中xpath的概念和基本使用方式 6 掌握基於xml s...

樣式表舉例

1 內部樣式表 下面通過建立css樣式對網頁中的文字進行格式化。1 用dw開啟網頁文件 2 單擊 樣式表 面板中的 新建css規則 按鈕,彈出 新建css規則 對話方塊。3 在 名稱 文字框裡輸入要定義的css樣式的名稱.ziti,在 選擇器型別 項中選中 類 單選按鈕,在 定義在 項中選中 僅對該...