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