css--元素分类

Posted 2020-07-30

在讲解css布局之前，我们需要提前知道一些知识，在css中，html中的标签元素大体被分为三种不同的类型：块状元素，内联元素（又叫做行内元素）和内联块状元素

常用的块状元素有：

<div>,<p>,<h1>...<h6>,<ol>,<ul>,<dl>,<table>,<address>,<blockquote>,<form>

常见的内联元素有：

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

常用的内联块状元素有：

<img>,<input>

 

下面讲讲他们的各自特点：

块级元素特点：

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

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

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

 

内联元素的特点：

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

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

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

 

内联块状元素特点：

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

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