day16 css文字樣式
一、文字總匯
二．文字樣式
css 文字樣式有三種：文字裝飾、英文大小寫轉換和文字陰影。
1.text-decoration
p 解釋：設定文字出現下劃線。屬性值如下表：
//讓本來有下劃線的超連結取消
a2.text-transform
p 解釋：設定英文文字轉換為大小寫。
p 解釋：給文字新增陰影。其中四個值，第乙個值：水平偏移；第二個值：垂直偏移；第
三個值：陰影模糊度（可選）；第四個值：陰影顏色（可選）。
三．文字控制
css 文字樣式中還有一組對文字進行訪問、形態進行控制的樣式。
1.text-align
p 解釋：指定文字的對齊方式。
值 說明
left 靠左對齊，預設
right 靠右對齊
center 居中對齊
justify 內容兩端對齊
start 讓文字處於開始的邊界
end 讓文字處於結束的邊界
start 和 end 屬於 css3 新增的功能，但目前 ie 和 opera 尚未支援。
2.white-space
p 解釋：處理空白排版方式。
值 說明
normal 預設值，空白符被壓縮，文字自動換行
nowrap 空白符被壓縮，文字不換行
pre 空白符被保留，遇到換行符則換行
pre-line 空白符被壓縮，文字會在排滿或遇換行符換行
pre-wrap 空白符被保留，文字會在排滿或遇換行符換行
3.letter-spacing
p 解釋：設定文字之間的間距。
值 說明
normal 設定預設間距
長度值 比如：「數字」+「px」
4.word-spacing
p 解釋：設定英文單子之間的間距。
值 說明
normal 設定預設間距
長度值 比如：「數字」+「px」
5.line-height
p 解釋：設定段落行高。
值 說明
normal 設定預設間距
長度值 比如：「數字」+「px」
數值 比如：1,2,3
% 比如：200%
6.word-wrap
p 解釋：讓過長的英文單詞斷開。
值 說明
normal 單詞不斷開
break-word 斷開單詞
7.text-indent
p 解釋：設定文字首行的縮排。
值 說明
normal 設定預設間距
長度值 比如：「數字」+「px」
HTML5學習筆記二 HTML基礎
html 標題 heading 是通過 標籤來定義的.h1 標題一 h1 h2 標題二 h2 h3 標題三 h3 html 段落是通過標籤 來定義的.p 親吻你的手還靠著你的頭 p p 讓你躺胸口 那個人已不是我 p p 這些平常的舉動 p a href 這是我的部落格鏈結 a html 影象是通過...
HTML5基礎學習筆記（十三）
day13 css選擇器 下 一 偽類選擇器總匯 選擇器 名稱 說明css 版本 root 根元素選擇器 選擇文件中的根元素 3 first child 子元素選擇器 選擇元素中第乙個子元素2 2 last child 子元素選擇器 選擇元素中最後乙個子元素3 3 only child 子元素選擇器...
HTML5基礎學習
html5新元素 需要注意 type tel 是為移動端開啟手機鍵盤服務的，網頁端無效果 datetime目前瀏覽器不支援，可用datetime local達到效果。使用者名稱 type text br 密碼 type password br type email br type tel br ty...