CSS格式化排版和元素分类

来源:互联网 发布:tuneskit for windows 编辑:程序博客网 时间:2024/06/02 02:43
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
原创粉丝点击