常用的css属性

 

今天给大家介绍一些常用的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:设置元素的外边距