css元素分类

css元素分类

1.块级元素

　　-1.常用的块级元素有：<div>,<p>,<h1>...<h6>,<ol>,<ul>,<li>,<dl>,<dd>，<dt>,<table>,<tr>,<td>,<address>,<blockquote>,<form>

　　-2.块级元素的特点：

　　　　a.每个块级元素都是从新的一行开始，并且其后的元素也另起一行。

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

　　　　c.元素宽度在不设置的情况下，是它本身父容器100%（和父元素的宽度一致），除非设定一个宽度。

　　-3.设置display:block可将元素显示为块级元素。如下代码就是将内联元素a转换为块级元素，从而使a元素具有块状元素的特点。

　　　　例：a{display：block；}

2.内联（行内）元素

　　-1.常用的内联元素有：<a>.<b>,<span>,<br>，<i>,<em>,<strong>,<label>,<q>,<cite>,<code>

　　-2.内联元素的特点：

　　　　　　　a：和其他元素都在同一行上

　　　　　　　b：元素的高度，宽度及顶部和底部的边距不可设置

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

　　-3.内联元素也可以通过代码display：inline将元素设置为内联元素，如下代码就是将块状元素div转化为内联元素，从而

　　　　使div元素具有内联元素特点，

　　　　　　例：div{

　　　　　　　　　　display：inline

　　　　　　　　　　}

3.内联块级元素

　　1.常用的内联块级元素有：<img>,<input>

　　2.内联块级元素的特点

　　　　　a：和其他元素都在一行上

　　　　　b：元素的高度，宽度，行高以及顶和底边距都可以设置

　　3.代码display：inline-block就是将元素设置为内联块级元素