編碼的世界 / 優質文選 / 生涯

常用的css屬性:font-size等


2022年5月14日
-   

原標題:常用的css屬性:font-size等

今天給大家介紹一些常用的css屬性:
1 font-size:用於設置字體大小
font-size:20px; font-size:150%
2 font-weight:設置字體是否加粗
normal 不加粗 2 bold:加粗
3 font-style:設置字體是否傾斜
normal 不傾斜 italic 傾斜
4 font-family:設置字體名稱
font-family:”宋體”, ”微軟雅黑”
5 font:設置字體相關的屬性
font: 20px “宋體”
6 line-height:控制行間距
讓單行文本在垂直方向居中: height:50px; line-height:50px;
7 text-align :設置文本在水平方向上的對齊方式
center:居中 justify:兩端對齊 left: 默認值 right:右對齊
8 color:設置文本的顏色
取值:
8.1 英文單詞
8.2十六進制 #000
8.3 rgb(red,green,blue) 每部分的取值範圍:0-255
8.4 rgba(red,green,blue,alpha)
9 letter-spacing :設置字間距
letter-spacing :2px
10 word-break:控制英文字符的換行
word-break:break-all;
11 text-indent:控制縮進
首行縮進 text-indent:2em em等價於1個字符的寬度
12 text-decoration:設置劃線
none 無劃線
underline 下劃線
line-through 貫穿線
13 list-style: 設置列表樣式
去除默認樣式: ul,ol{ list-style:none; }
14 cursor:設置鼠標指針形狀
cursor:pointer
15 background-color: 設置背景顏色
16 background-image:設置背景圖片
background-image:url(“圖片文件的路徑”)
17 background-repeat: 設置背景重複方式
no-repeat :不重複(平鋪)
repeat-x:水平方向重複
repeat-y: 垂直方向重複
repeat:水平和垂直方向都重複(默認值)
18 background-position:設置背景圖片定位
background-position: x y (x:表示水平方向的移動距離 ,y:表示垂直方向的移動距離)
19 background-attachment:設置背景圖片是否滾動
scroll 滾動(默認值,背景圖片會隨著內容往窗口裏面鑽)
fixed 固定
20 background :背景的複合屬性
background: orange url(1.jpg) 10px 20px no-repeat fixed(沒有順序之分)
21 width:設置元素的寬度
22 height:設置元素的高度
23 padding:設置元素的內邊距
24 border:設置元素的邊框
25 margin:設置元素的外邊距返回搜狐,查看更多
責任編輯:

熱門文章