body
body
body /* 上面比這種方法相容性更好一些。*/
body
p span/*粗體樣式*/
.box1
color的值有3種設定方式:
p
每一項的值可以是 0~255 之間的整數,也可以是 0%~100% 的百分數。
p
p
這種顏色設定方法是現在比較普遍使用的方法.
p
body
/* 可以簡寫為*/
body
1、使用這一簡寫方式你至少要指定 font-size 和 font-family 屬性,其他的屬性(如 font-weight、font-style、font-variant、line-height)如未指定將自動使用預設值。
2、在縮寫時 font-size 與 line-height 中間要加入「/」斜扛。
中文**常用縮寫**(只有字型大小、行間距、中文字型、英文本型設定):
text-decoration可以設定新增到文字的修飾。
text-decoration預設值為none, 定義標準的文字。
text-decoration的值為underline為定義文字下的一條線。
text-decoration的值為overline為定義文字上的一條線。
text-decoration的值為line-through為定義穿過文字下的一條線,一般用於商品折扣價。
p
實現段前留兩個文字的空白,2em的意思就是文字的2倍大小。
p
中文字間隔、字母間隔設定:如果想在網頁排版中設定文字間隔或者字母間隔就可以使用letter-spacing來實現。
這個樣式使用在英文單詞時,是設定字母與字母之間的間距。
h1
單詞間距設定:
設定英文單詞之間的間距用word-spacing.
h1
為塊狀元素中的文字、設定居中樣式,可以使用text-align樣式**。
h1
h1h1
比較常用到的長度單位:px(畫素)、em、% 百分比,這三種單位都是相對單位。
畫素指的是顯示器上的小點(css規範中假設「90畫素=1英吋」)。實際情況是瀏覽器會使用顯示器的實際畫素值有關,在目前大多數的設計者都傾向於使用畫素(px)作為單位。
本元素給定字型的 font-size 值,如果元素的 font-size 為 14px ,那麼 1em = 14px。如下**:
p
/* 實現段落首行縮排24px,也就是兩個字型大小的距離*/
但當給 font-size 設定單位為 em 時,此時計算的標準以 p 的父元素的 font-size 為基礎。
p
span
以這個例子為例。
span中的字型「例子」的大小就為14*0.8=11.2p'x。
p
設定行高(行間距)為字型的130%(12 * 1.3 = 15.6px)。 CSS3 字型樣式
lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...
css3字型樣式
一 font family的使用 font family屬性可以設定html文字的字型樣式,eg.注意 當字型名稱中包括空格 之類的符號,則使用 font family 可以把多個字型名稱作為乙個 回退 系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font family 屬性的...
前端CSS3 字型樣式
一 font family設定字型 sans serif是專指西文中沒有襯線的字型 例如 為網頁中的文字設定字型為 宋體 text css body 或body style 二 font size設定字型大小 例如 設定網頁中文字的字型大小為12畫素。text css body style 三 fo...