CSS二

weixin_33766168發表於2018-03-28

css字型樣式:

字型型別:例如宋體,微軟雅黑。。如果不定義,預設字型型別一般是“宋體”

語法:font-family:字型一,字型二;

css字型大小:

font-size屬性取值有兩種,一種是“關鍵字”,如small,large,另一種則是畫素值,如10px,20px

px,全稱pixel(畫素)它就是圖片中最小的點。

語法:font-size:畫素值;

css字型粗細:

font-weight屬性取值有兩種:一種是100~900的“數值”,另一種則是“關鍵字”

取值屬性值:normal正常     lighter較細    bold較粗(最常用)   bolder很粗

語法:font-weight:取值;

css字型風格:

font-style屬性值:normal正常   italic斜體   oblique斜體

可以這樣理解:有些字型有斜體italic屬性,但是有些字型卻沒有italic屬性。oblique是沒有italic屬性的字型也能夠有斜體效果。

語法:font-style:取值;

css字型顏色:

語法:color:顏色值;        如  red,green。。。

css註釋:

語法:/*註釋的內容*/

css文字樣式:

css首行縮排:

語法:text-indent:畫素值px;以px為單位。

css水平對齊:

text-align屬性取值:left左對齊   center居中對齊(最常用)    right右對齊

語法:text-align:取值;

css文字修飾:

text-decoration屬性取值:none去除所有劃線效果    underline下劃線   line-through中劃線  overline頂劃線(不常用)

語法:text-decoration:取值;

css大小寫(一般用於英文):

text-transform屬性取值:none無轉換  uppercase轉換為大寫   lowercase轉換為小寫  capitalize將首字母大寫

語法:text-transform:取值;

css行高:

語法:line-height:畫素值;

css間距:

字間距:可以用letter-spacing屬性調整兩個字之間間距。

語法:letter-spacing:畫素值;

詞間距:語法:word-spacing:畫素值;

css邊框樣式:

簡介:幾乎所有元素都可以定義邊框。定義一個邊框需要設定3個方面:border-width邊框的寬度      border-style邊框的外觀       border-color邊框的顏色

語法:完整形式:border-width:1px;

                             border-style:soild;

                             border-color:red;

                   簡寫形式:border-屬性:1px  soild  red;

屬性:border-top上邊框 border-bottom下邊框     border-left左邊框    border-right右邊框

去除一條邊框三種語法:border-屬性:0;

                                        border-屬性:none;

                                        border-屬性:opx;

相關文章