CSS格式化排版和元素分类

font-style 属性定义字体的风格
font-variant 属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
font-weight 属性设置文本的粗细。font-weight:bold:设置为粗体样式;
font-size 属性可设置字体的尺寸。

font-family:设置字体;
font-size:字体大小;

font-style:italic:设置为斜体样式;
text-decoration:underline:文字设置下划线;
text-decoration:line-through:删除线;
text-indent:2em:缩进;(注意:2em的意思就是文字的2倍大小。)
line-height:2em:行高;
word-spacing:50px:单词间距;
letter-spacing:20px:字母间距;
text-align:center:水平居中对齐;


em与px之间怎么换算?
  *任意浏览器的默认字体高度16px(16像素)。
  *所有未经调整的浏览器都符合:1em=16px。
  *那么12px=0.75em,10px=0.625em。
  为了简化font-size的换算,需要在css中的body选择器中声明font-size=62.5%,这就使em值变为16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。


块级元素特点:

1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

内联元素特点:

1、和其他元素都在一行上;

2、元素的高度宽度及顶部和底部边距不可设置;

3、元素的宽度就是它包含的文字或图片的宽度,不可改变。

inline-block 内联块状元素元素特点:

1、和其他元素都在一行上;

2、元素的高度、宽度、行高以及顶和底边距都可设置。


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值