css排版和元素分类

css文字排版

字体：font-family:"Microsoft Yahei"

字号：font-size:xxpx

颜色：color:#fff

粗体：font-weight:bold

斜体：font-style:italic

下划线：text-decoration:underline

删除线：text-decoration:line-through

段落排版：

缩进：text-indent:2em(2个字大小)

行高：line-height:2em

中文字间隔 letter-spacing

字母间隔 word-spacing

对其 text-align:center/left/right

元素分类：

在css中，HTML中的标签元素大体可以分为三种不同的类型：

块状元素，内联元素(行内元素)，内联块状元素

常见的块状元素：

<p>,<p>,<hx>,<ol>,<ul>,<dl>,<table>,<address>,<blockquote>,<form>

常用的内联元素有：

<a>,<span>,<br>,<i>,<em>,<strong>,<label>,<q>,<var>,<cite>,<code>

常用的内联块状元素有：

<img>,<input>

一、块状元素

1.设置display:block就是将元素显示设置为块状元素。如：

a{display:block}这样a就拥有了块状元素的特点

2.块状元素的特点：

1.一个块状元素占一行

2.元素的高度，宽度，行高，顶和底边距都可以设置

3.元素宽度不设置的情况下，是它父元素的宽度

二、内联元素(行内元素inline)

1.设置display:inline将元素设置为内联元素如：

p{display:inline}这样p就拥有了内联元素的特点

2.内联元素的特点

1.和其他元素都在一行上

2.元素的高度，宽度，顶部和底部边距不可设置

3.元素的宽度就是它包含的文字或者图片的宽度，不可改变

三、内联块状元素(inline-block)

1、同时具有内联，块状元素的特点display:inline-block就是将元素设置为内联块状元素(长沙市。1)

2、特点：

1.和其他元素都在一行上

2.元素的高度，宽度，行高和顶，底边距都可设置