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