CSS常用样式

CSS常用样式

  • width:30px; 宽度
    width:30%; -->可用百分制表示
    width:auto; 表示居中
  • height:30px; 高度
  • font-size:12px; 设置字体大小(一般默认16px)
  • color:#666; 设置颜色(#f00:红、#fff:白、#ff0:黄、#0ff:青、#00f:蓝、#000:黑、#111:深灰、#999:浅灰、#f0f:品红、#0f0:绿)
  • font-family:”黑体”; 设置字体
  • text-indent:2em; 首行缩进两个字符
  • line-height:30px; 行距
    line-height:1.7em; 行距(1.7em=(字号*1.7)px)
  • background-color:#ccc; 背景颜色
  • border:dashed 1px #00ffff; 段落边框:虚线 宽度 颜色
  • border-bottom:1px #00ffff; 底部边框
  • font-weight:bold; 加粗(normal正常、bolder比较粗、lighter比较细)
  • font-size-adjust:0.56; 设置字体尺寸(14px)–>ie不可用
  • font-stretch:wider; 字体拉伸
  • font-style:italic; 字体倾斜
  • text-decoration:underline; 下划线
  • letter-spacing:10px; 字间距
  • word-spacing:10px; 单词间距
  • text-decoration:none; 删除下划线(默认) underline下划线、overline上划线、line-through删除线
  • text-transform:capitalize; 首字母大写 none:默认
    uppercase: 全部字符为大写 lowercase:全部字符为小写
  • height:40px; 高
  • background-image:url(tp.gif); 背景图片–>图片名不能为汉字,否则图片不显示
  • padding:30px; 内边距
    top right bottom left
  • margin:30px; 外边距
  • float:left; 图片左浮动
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值