028-86261949

当前位置:首页 > 技术交流 > 常用的css属性

常用的css属性

2019/10/29 11:25 分类: 技术交流 浏览:1

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

#标签:css属性