資訊專欄INFORMATION COLUMN
1.CSS 中長度與顏色
2.CSS 中的文字屬性
3.CSS 中的文本屬性
14.1 CSS 中長度與顏色
長度單位 說明
in 英寸
cm 公分
mm 公里
cm 以目前字體高度為單位
ex 以小寫字母高度為單位（大部分不支持）
pt 1pt/72英寸
pc 1pc/12pt
px 像素（推薦使用）
顏色單位： 說明
十六進制 如：color:#ff0000
顏色名稱 如：color:red
三原色單位 如：rgb(255,0,0)
一般最常用的是十六進制，三原色單位的原理【紅（r）,綠（g）,藍(b)】混合而成。。
每個值域在0－255之間
14.2 CSS 中的文字屬性
屬性名稱 屬性值 說明
font-style normal 正常顯示
italic 斜體
font-variant normal 正常顯示
small-caps 將英文大小寫字母寫調為同寬
font-weight normal 正常顯示
bold 粗體
font-size 像素 字體大小
百分比 字體大小
font-family 字體名稱 設置字體名稱
font屬性簡化的使用方法：
font:是否斜體 是否同寬 是否粗體 大小 字體名稱
例如:font:italic bold 200 隸書；
14.3 CSS中的文本屬性
屬性名稱 屬性值 說明
color 十六進制 顏色
英文名稱 顏色
三原色單位 顏色
letter-spacing normal 正常顯示
長度 文本間隔
word-spacing normal 正常顯示
數字 單詞間距
white-space normal 文本自動處理換行
pre 換行和空白受保護
nowrap 強制在同一行顯示
text-align left 文字靠左
right 文字靠右
center 文字靠中
text-decoration none 正常顯示
underline 加上下劃線
overline 加頂線
line-through 加刪除線
text-indent 長度 首行縮進
百分比 同上
line-height 像素 行高
數字/百分比 行高
text-transform none 正常顯示可以包含大，小字符
capitalize 字符串第一個字符大寫
uppercase 設置大寫字符
lowercase 設置小寫字符
vertical-align sub 設置文字為下標。
super 設置文字為上標。
top 元件往上端靠齊。
middle 設置文字是在中線位置。
bottom 元件往下端靠齊。
?
?
無標題文檔 1 CSS 中長度與顏色 長度單位 說明 in 英寸 cm 公分 mm 公里 cm 以目前字體高度為單位 ex 以小寫字母高度為單位（大部分不支持） pt 1pt/72英寸 pc 1pc/12pt px 像素（推薦使用） 顏色單位： 說明 十六進制 如：color:#ff0000 顏色名稱 如：color:red 三原色單位 如：rgb(255,0,0) 一般最常用的是十六進制，三原色單位的原理【紅（r）,綠（g）,藍(b)】混合而成。。 每個值域在0－255之間
bold 粗體,color,顏色
font-size 像素 百分比 字體大小,font-family,字體名稱 設置字體名稱text-indent 長度 首行縮進 百分比 同上
line-height 像素 行高數字/百分比 行高
text-transform none 正常顯示可以包含大，小字符 capitalize 字符串第一個字符大寫 uppercase 設置大寫字符 lowercase 設置小寫字符 vertical-align sub 設置文字為下標。 super 設置文字為上標。 top 元件往上端靠齊。 middle 設置文字是在中線位置。 bottom 元件往下端靠齊。
設置文字是在中線位置
?
?
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1045.html
摘要：前端開發，有一項很重要的基本功，就是在大型項目中，比如幾萬行代碼中，迅速找到新增功能或調試的切入點。猜測輸入框大小跟這個字號有關系。通過觀察分析和斷點技巧，我們很容易地就從一個大型項目幾萬行代碼中迅速定位到我們要修改的地方。 前端開發，有一項很重要的基本功，就是在大型項目中，比如幾萬行js代碼中，迅速找到新增功能或調試bug的切入點。特別是你只是接手這個項目，并不了解其中每一個功能點所...
摘要：有幾個不同的因素致使它的流行。在這四個值中，我們最常用的就是將文本設置為斜體和將文本恢復為正常樣式。因此任何低于的值會顯得更細，而高于的值會顯得更粗。目前瀏覽器默認為藍色，我們要把它改成和到元素一致的顏色。 隨著時間的推移，網絡字體排版已經得到了很大的發展。有幾個不同的因素致使它的流行。其中被最廣泛認可的因素是可嵌入我們自己的網絡字體的系統的開發。 過去我們只能在網站中使用少量的字體。...
摘要：有幾個不同的因素致使它的流行。在這四個值中，我們最常用的就是將文本設置為斜體和將文本恢復為正常樣式。因此任何低于的值會顯得更細，而高于的值會顯得更粗。目前瀏覽器默認為藍色，我們要把它改成和到元素一致的顏色。 隨著時間的推移，網絡字體排版已經得到了很大的發展。有幾個不同的因素致使它的流行。其中被最廣泛認可的因素是可嵌入我們自己的網絡字體的系統的開發。 過去我們只能在網站中使用少量的字體。...
摘要：包含后代選擇器包含選擇器，即加入空格用于選擇指定標簽元素下的后輩元素。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進行選擇，而子選擇器是通過進行選擇。 6-1 認識CSS樣式 CSS全稱為層疊樣式表 (Cascading Style Sheets)，它主要是用于定義HTML內容在瀏覽器內的顯示樣式，如文字大小、顏色、字體加粗等。使用CSS樣式的一個好處是通過定義某個樣式，可...
摘要：最近在做一個基于實現立體幾何的項目，碰到一個問題，如何給球體加上文字標簽，探索了幾種實現方法。 最近在做一個基于three.js實現立體幾何的項目，碰到一個問題，如何給球體加上文字標簽，探索了幾種實現方法。 二維文字標簽 1.通過CSS2DObject創建二維對象 var earthDiv = document.createElement( div ); earthDiv.class...
閱讀 3477·2021-09-06 15:13
閱讀 1527·2021-09-02 10:19
閱讀 2473·2019-08-30 15:52
閱讀 918·2019-08-29 15:25
閱讀 1565·2019-08-26 18:36
閱讀 495·2019-08-26 13:23
閱讀 1331·2019-08-26 10:46
閱讀 3498·2019-08-26 10:41
