html元素背景設定 字型樣式簡介 文字各類樣式

2021-10-04 08:48:32 字數 1696 閱讀 9587

1. css元素背景

注:背景顏色,background-color:這些會填充內邊距和邊框border, 而不會填充外邊框margin的部分

2. body背景說明

2.html元素的背景

3.body元素的背景

如果html有背景,body元素正常(背景覆蓋邊框盒)

如果html沒有背景,body的背景覆蓋畫布

例:.body
1. 背景圖的寬度百分比,相對於視口,不是整個網頁,所以設定背景圖的寬度為100%時,寬度最大只有視口的最大值(背景顏色是沒有問題的)

2. 背景圖的高度百分比,相對於html元素(網頁)高度

3. 背景圖的橫向位置(百分比、預設值)都相對於視口,背景圖的縱向位置(百分比、預設值)都相對於html元素(網頁)

3. 字型
例:font-family:"宋體";
例:font-size: 30px;  (16px => lem)
例:font-weight:100;
取值:normal italic(斜體)
例:italic blod 30px "微軟雅黑","microsoft yahei"
4.文字
例:letter-spacing: 10px;
例:word-spacing: 10px;
取值:direction: ltr; (left to right)

direction: rtl; (right to left)

取值:  

nonea(預設)

line-through(直線穿過)

overline(上劃線)

underline(下劃線)

例:text-aligh: center;

width:250px;

height:300px;

text-aligh: justify;

例:vertical-align: -4px;
例:text-indent: 60px; (開頭空60px)
text-transform;

設定英文本母大小寫

uppercase(全部大寫) lowercase(全部小寫) capitalize(首字母大寫)

例:text-transform: uppercase;
例:white-space: nowrap;(不包裹)
例:overflow: hidden(隱藏溢位部分)
9.3 text-overflow;

設定文字溢位部分

例:text-overflow: clip(預設) ellipsis(溢位部分加省略號)
取值:top center bottom 百分比(100%為1個行高)

CSS字型樣式,背景樣式,列表樣式

1.color 字型顏色 2.font size 字型大小 盡量用偶數 3.font family 字型型號 可以設定多個字型,用,隔開,優先使用第乙個字型,如果沒有使用下乙個。中文字型加引號,英文本型如果有空格 則也要加引號 線上字型 font face 4.font style 字型樣式 斜體等...

HTML 字型設定

針對font family屬性進行詳細設定,首先我們要了解,字型分類 有襯線字型 serif,一般用在段落處或者非標題部分 當我們設定字型的時候,設定順序應該是 example font family x y z san serif 系統如果找不到x,y,z字型,那麼會找本機上預設的san seri...

TextView設定字型樣式

packagecom.zhou.activity import importandroid.graphics.color importandroid.os.bundle importandroid.text.spannable importandroid.text.spannablestring i...