css-文字设置

文字修饰

    text-decoration : underline下划线 ,none没有修饰, over-line上划线 ,line-through中划线
vertical-align : 竖直对齐方式   text-align: center : 水平居中

vertical-align : 竖直对齐方式   text-align: center : 水平居中

内容超出处理

overflow :visible(默认) |auto |hidden |scroll 

visible不裁剪内容,可能会显示在内容框之外。
auto 容器自适应内容,内容高度超出容易,会出现竖直滚动条,如果内容宽度超出容器,会出现水平滚动条
hidden 是把超出容器的内容部分给裁减掉
scroll 给容器设置滚动条,如果内容没有超出容器,将无法滚动
overflow-x: 对容器的水平方向处理
overflow-y: 对容器的垂直方向处理

overflow-x/y:

visible |hidden |scroll |auto |no-display |no-content;

visible不裁剪内容,可能会显示在内容框之外。

hidden裁剪内容 - 不提供滚动机制。

scroll裁剪内容 - 提供滚动机制。

auto如果溢出框,则应该提供滚动机制。

no-display如果内容不适合内容框,则删除整个框。

no-content如果内容不适合内容框,则隐藏整个内容。

颜色单位

英文单词 / 16进制  / rgb / transparent

字号设置

px:绝对单位,页面按精确像素展示

百分比:相对单位,相对于浏览器默认字号

em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是 16px),整个页面内1em不是一个固定的值。

rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算

font-weight 字重: 

bold(500~900)    加粗   bolder 更粗(已淘汰)

lighter(100~300) 更细   normal(400)正常的

font-style:  

斜体设置 italic

正常设置 noraml

font-family 字体设置:

设置多个字体用逗号隔开 用双引号包裹 (Arial一般最后一个,多系统支持)

解析风格:sans-serif(比较圆润),serif棱角多

首行缩进:

text-indent: 2em;

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值