CSS的非布局样式

1.容器的内容(常是文本)大于容器时,overflow指定处理方式

/*
visible: 指定溢出的内容在容器外显示
hidden: 指定溢出的内容隐藏
scroll: 显示滚动条,溢出的内容可拖动滚动条查看
auto: 当有溢出内容时,自动出现滚动条;没有溢出时,滚动条隐藏
*/
overflow: visible/hidden/scroll/auto

2.文字换行方式设定

overflow-wrap:normal/break word    //通用的换行控制,normal尽量保持单词的完整性不换行,break word则是对过长的单词全部打断并换行


word-break: keep all/break word    //针对多字节文字,keep all保持单词/句子不换行(就算它们很长),break word则是对过长的单词全部打断并换行

white-space: no wrap    //指定空白处是否换行,no wrap表示不换行

(注:这三种属性可以组合使用)

3.装饰性属性

字重 —— font-weight: bold/bolder/light/lighter/normal/数值(100~900)

斜体 —— font-style: itatic

指针 —— cursor: pointer(手型)

(注:bolder/lighter的具体值不确定,与父级元素的font-weight有关;
     数值(100~900)只能取整百,其他不生效)

4.CSS Hack

不合法却可生效的css写法,用于区分不同浏览器,使用时注意:标准属性写在前,Hack写法在后

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值