css一些常用属性

在实际开发中我们需要css文件中各类属性,如下表示:

1.      width 设置宽度

2.      height 设置高度

3.      background属性

(1)      background-color:设置背景颜色

(2)      background-image:设置背景图像

(3)      background-repeat:是否覆盖(repeat 是;no-repeat 不是)

(4)      background-position:设置背景图像位置

(5)      background:背景颜色 背景图片 背景图片是否覆盖 背景图片距左边长度 背景图片据上面的高度;

(6)      background:rgba(0,0,0,0,0.5) 红基色,绿基色,蓝基色,透明度(从0-1表示,由白变为透明)

4.      border属性(统一写法border:边框宽度 边框类型 边框颜色)

边框类型:solid 实线

                     Dashed 虚线

                     Dotted 点线

(1)      border 对所有边框

(2)      border-left 左边框

(3)      border-right 右边框

(4)      border-top 上边框

(5)      border-bottom 下边框

(6)      border-radius:设置菱角

5.      字体属性

(1)      font-size 字体大小

(2)      font-family字体类型(可以设置多个体,按照先后顺序执行)

(3)      font-weight 字体粗细

(4)      font-style 字体样式类型(normal正常,italic 斜体)

(5)      color:字体颜色

6.      text属性

(1)        text-decoration:字体线(none 无线;overline 上划线;underline下划线;line-through 贯穿线)

(2)        text-index:首行缩进

(3)        text-align字体位置

(4)        vertical-align文本垂直对齐

7.      line-height 行高(上下边距之和乘以2,上下两个字之间差距除以2就是间距)

8.      overflow:溢出操作,就是内容超过标签规定的长度(有两种属性hidden 隐藏;scroll 滚动)

9.      margin(padding)外(内)边距属性

(1)      margin(padding):上 右 下 左

 垂直水平

 所有

(2)      margin(padding)-left:据左边宽度

(3)      margin(padding)-right:据右边宽度

(4)      margin(padding)-top:距上面宽度

(5)      margin(padding)-bottom:距底部宽度

10列表样式

         (1)list-style-type:列表样式

关于css属性还有很多,在以后开发中就会完善知识架构,希望大家不要着急,并且在开发中用到的请评论一下

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值