CSS 常用屬性

2021-09-25 20:50:04 字數 1236 閱讀 6709

>

青春一去不復返h1

>

>

青春往事,多麼甜蜜;青春歲月,多麼靚麗;青春流年,如火如荼。青春裡,我們向著夢想前進。

跌倒過,傷心過,快樂過,痛苦過,孤獨過,彷徨過,迷茫過。總是,在悠悠的歲月中徘徊;

總是,在如春的生命中成長;總是,在季節的交替中感悟人生四季的美妙與韻律;

總是,在多愁善感中體悟青春的美好與無奈。p

>

>h1p

h1, p

style

>

以上面的**為例,來認識css3的常用屬性。

1、color : 設定字型顏色。

h1

2、font-weight : 設定文字的粗細。
p

3、font-size : 設定字型大小

注意:px 是以畫素作為大小單位。除此之外, em 也是一種重要的大小單位。不同之處在於他表示的是一種動態變化的大小。1em 代表頁面1個字元大小的基準值,這個基準值根據瀏覽器、使用者自定義的標準的不同而不同。 h1 的預設大小為 2em ,也就是基準大小的兩倍。

h1

4、text-indent : 段落縮排

縮排的值如果用 px 來定義,則需要精確計算好兩個字元的寬度,一旦段落字型大小發生變化,縮排的效果也會發生偏差。因此,最佳的方法是用 em,當設定縮排為 2em 時,不論字型大小是多少,段落始終忠實的縮排兩個字元。

p

5、line-height : 行高

瀏覽器預設的行高較小,增加行高有利於閱讀。行高可以以畫素為單位,也可以以百分比為單位。

p

注意: line-height = 150% 和 line-height = 1.5 的差別:

兩個的差別在於繼承。使用百分比時,會首先計算父元素的 line-height 值,然後將這一畫素值繼承給子元素。而使用無單位的 1.5 時,則用子元素顯示行高繼承 1.5 這個係數,再分別計算出對應的畫素值。簡而言之,有單位時,以父元素為基準;無單位時,以子元素本身為基準。

6、設定標題垂直居中:

h1

至於垂直居中的原理,可以參考下面這篇文章:先弄清楚一點,height 設定的是容器的高度。

css 常用屬性

字型屬性 font 大小font size x large 特大 xx all 極小 一般中文用不到,只要用數值就可以,單位 px pd 樣式font style oblique 偏斜體 italic 斜體 normal 正常 行高line height normal 正常 單位 px pd em粗...

CSS常用屬性

css常用屬性 1.color,background color 表示顏色的關鍵字,16進製制數 中提供的color scheme工具 2.font family 該屬性的值可以是一組字型,按喜歡程度排序的字型列表。一些中文字型的列表 windows的一些 新細明體 pmingliu 細明體 min...

css常用屬性

文字屬性 font size font family 字型型別 文字屬性 color text decoration 下劃線 none underline text align 對齊方式 left center right 背景屬性 background color background image...