第13章 css的屬性和值
一、css字型屬性
1、字型集合(font-family)
可以用乙個指定的字型名或乙個種類的字型集合。多個集合的賦值是可以使用的,而如果確定了乙個指定的字型賦值,就應該有乙個種類集合名隨後,以防第1個選擇不存在。定義乙個字型的集合的時候,就相當於定義了乙個字型的控制集合,當瀏覽器解釋執行的時候,會控制集合中所列的字型順序從前到後的選擇字型。
任何包含空格的字型名都必須用單引號引住。字型集合也可以用字型屬性給出。
案例名稱:字型集合 l2-1.htm
字型集合
text/css
如果一種字型的名稱中有空格,如"times new roman",在css語句中要用引號包含該字型。
例:body
如果該語句已在雙引號裡,則字型名降級為單引號。
例: 如果該語句包括其它css規則,字型說明應放在最後。
例:h2
2、字型風格(font-style)
該屬性以3個方法的其中乙個來定義顯示的字型:normal(普通)、italic(斜體)或oblique(傾斜)。
案例名稱:字型風格 l2-2.htm
字型風格
3、字型變形(font-variant)
字型變形屬性決定了字型的顯示是normal(普通)還是small-caps(小型大寫字母)。當設定字型變形為小型大寫字母時文字中的所有小寫字母會顯示比大寫字母稍小的大寫字母。
案例名稱:字型變形 l2-3.htm
字型變形abcabc
4、字型加粗(font-weight)
字型加粗屬性用作說明字型的字重,該屬性值可以從100到900,normal相當於400,bold相當於700,bolder是將繼承值加上乙個等級,lighter是將繼承值減上乙個等級。
瀏覽器能不能正確顯示要看使用的字型型別支援幾種粗細值。
案例名稱:字型加粗 l2-4.htm
font-weight:100
font-weight:600
font-weight:200
font-weight:700
font-weight:300
font-weight:800
font-weight:400
font-weight:900
font-weight:500
5、字型大小(font-size)
字型大小屬性用作修改字型顯示的大小:xx-small/x-small/small/medium/large/x-large/xx-large /smaller/larger/百分比/高度。關鍵字的本級與上級的比是:
1:1.5,比如:
medium與large的比是1:1.5;而larger是將繼承值加上一級,smaller是將繼承值減上一級;百分比是將預設字型擴大或縮小若干倍;高度的單位前面已講過。
案例名稱:字型大小 l2-5.htm
xx-small
x-small
small
medium
large
x-large
xx-large
50%100%
200%
5pt10pt
20pt
20pt
20ptsmaller
20ptlarger
6、字型(font)
屬性值:[ || || ] [/]
該屬性可以一次定義前面所提到的所有屬性,還有行高。例如p用於指定該段為italic(斜體)和bold(字重),24點大小和行高為44點,黑體或times字型。
案例名稱:字型大小 l2-6.htm
字型字型
二、css文字屬性
1、字型間隔(letter-spacing)
字母間隔屬性定義乙個附加在字元之間的間隔數量。該值必須符合長度格式,允許使用負值。乙個設為0值會阻止文字的調整。
案例名稱:字型間隔 l2-7.htm
字型間隔css
網頁設計與製作教程第15章
圖15 1 行為 面板 圖15 2 單擊按鈕,彈出動作選單圖15 3 顯示事件 級聯選單圖15 4 單擊下拉三角形 圖15 5 應用例項示意 圖15 6 設定顯示層layer2 圖15 7 設定隱藏層layer2 圖15 8 聲音 對話方塊 圖15 9 設定狀態條文本 對話方塊 圖15 10 時間軸...
網頁設計與製作教程第5章
圖5 1 幀速率設定對話方塊 圖5 2 幀 面板 圖5 3 新增幀 對話方塊 圖5 4 複製到幀 對話方塊 圖5 5 元件屬性 對話方塊 圖5 6 庫 面板 圖5 7 刪除元件 對話方塊 a 編輯視窗b 幀 面板 圖5 8 繪製了4個球形的編輯視窗及 幀 面板 a 編輯視窗b 幀 面板 圖5 9 分...
第4章 習題答案網頁設計與製作
1.簡答題 1 網頁概念的區別是什麼?答 是指在網際網路上,根據一定的規則,使用網頁製作工具製作的用於展示特定內容的相關網頁的集合 網頁是通過www網傳輸,並被瀏覽器翻譯成可以顯示出來的集合文字 影象 動畫 聲音和數字 等資訊形式的頁面檔案。是整體概念,網頁是區域性概念,網頁是 的組成部分。2 首頁...