CSS中内联元素是什么,还有它的用法是什么

html-css019

CSS中内联元素是什么,还有它的用法是什么,第1张

其实就是a,img,label,b,br等元素.

这些元素内不能放款块元素,一般都是放文字或者其他内联元素.如:

而不能

1

.

块元素里面可以放块元素和内联元素

1

内联元素:

*

a

-

锚点

*

abbr

-

缩写

*

acronym

-

首字

*

b

-

粗体(不推荐)

*

bdo

-

bidi

override

*

big

-

大字体

*

br

-

换行

*

cite

-

引用

*

code

-

计算机代码(在引用源码的时候需要)

*

dfn

-

定义字段

*

em

-

强调

*

font

-

字体设定(不推荐)

*

i

-

斜体

*

img

-

图片

*

input

-

输入框

*

kbd

-

定义键盘文本

*

label

-

表格标签

*

q

-

短引用

*

s

-

中划线(不推荐)

*

samp

-

定义范例计算机代码

*

select

-

项目选择

*

small

-

小字体文本

*

span

-

常用内联容器,定义文本内区块

*

strike

-

中划线

*

strong

-

粗体强调

*

sub

-

下标

*

sup

-

上标

*

textarea

-

多行文本输入框

*

tt

-

电传文本

*

u

-

下划线

*

var

-

定义变量

html中的标签元素大体被分为三种不同的类型:块级元素、内联元素(又叫行内元素)和内联块级元素。

块级元素特点:

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

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

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

常用的块状元素有:

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

设置display:block;可以将元素转换块级元素。

内联元素特点:

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

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

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

常用的内联元素有:

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>

设置display:inline可以将块状元素转换为内联元素

块状元素特点:

1、独占一行,在默认情况下,宽度自动填满父元素宽度

2、宽度和高度可以控制

3、margin和padding横向纵向设置都有效

4、可以通过display: inline转换为行内元素

5、除个别特殊元素外,可包含块状元素和行内元素

行内元素特点:

1、不能独占一行

2、宽高由内容撑开

3、margin和padding横向设置有效,纵向设置不产生边距效果

4、可以通过display: block转换为块状元素

5、除ins和del外,不能包含块状元素

《HTML标签嵌套规则》