css 筆記 二 常用屬性

2021-10-09 04:58:21 字數 1830 閱讀 5235

文字對齊方式屬性

文字修飾屬性

文字空白字元屬性

文字大小寫

字元間距

背景屬性

寫給看到最後的你

屬性含義

font-fimily

字型型別 : 可以寫中文 比如 楷體 但這是不建議的 詳細字型可以參考 html 常見字型

font-style

斜體: 常用3個值 normal正常顯示 italic文字斜體顯示 oblique文字斜體顯示

font-size

字型大小: 常用單位 px 畫素 em

font-weight

字型粗細: 設定粗體大小 normal預設字型 bold 粗體 number (數字不加px)

復合屬性:body

字型棧:當無法網字型棧上使用字型的可用性,可以提供乙個字型棧即使所有字型都不可用瀏覽器還會提供乙個合適的選擇

使用引號:當字型中存在空格是時候需要使用單引號包含

這裡的順序不可以改變

其他屬性可以不加,但是font-size 以及font-famliy必須加

建立自定義字型

@font-face
字型縮排

text-indent:px % em rem單位

含義px

畫素 絕對大小 設定多大就是多大

%相對大小 相對于父元素大小

nem相對大小 如果自身屬性設定了字型大小區本身字型的n * 字型大小 如果沒有設定 取父盒子字型大小 n * 字型大小

nrem

相對大小取根元素字型大小也就是html字型大小 n * 根元素字型大小

text-align:屬性;

屬性含義

left

預設左right

右center

劇中text-decoration:屬性;

屬性含義

none

沒有underline

下劃線line-through

中劃線overline

上劃線white-space:屬性;

屬性含義

pre格式化輸出

normal

正常換行

nowrap

不換行 強制一行顯示

text-transform:屬性;

屬性含義

capitalize

首字母大寫

lowercase

全部小寫

uppercase

全部大寫

none

預設letter-spacing:30px;

屬性含義

backgrund-image:url();

設定位址

background-repeat:;

是否平鋪 repeat預設平鋪 no-repeat 不平鋪 repeat-x 在x 方向平鋪 repeat-y 在y軸平鋪

background-position:;

設定位置 可以使用方向 畫素 百分比

background-color:;

設定顏色

background-size:;

背景大小, 尺寸(寬,高)px px/% %以背景盒子的寬高作為參考

朋友,感謝你看到了最後,新手報道,技術不成熟的地方請多多指點,感謝!

CSS的常用屬性(二)

border top bottom left right style solid 邊框的風格 如 solid 實線,dotted 點線,dashed 虛線 border top color aaa 邊框顏色 border top width 20px 邊框粗細 邊框四個方向連寫 如border co...

CSS的常用屬性(二)

border top bottom left right style solid 邊框的風格 如 solid 實線,dotted 點線,dashed 虛線 border top color aaa 邊框顏色 border top width 20px 邊框粗細 邊框四個方向連寫 如border co...

css 常用屬性

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