css基础知识之标签分类

html-css017

css基础知识之标签分类,第1张

按照显示方式分为块元素 、行内元素和行内块元素(内联元素)

典型代表,Div,h1-h6,p,ul,li

特点:

典型代表 span ,a, ,strong , em, del, ins

特点:

典型代表 input img

特点:

1.块元素转行内元素

display:inline

2.行内元素转块元素

display:block

3.块和行内元素转行内块元素

display:inline-block

css换行属性:语法:word-wrap

:

normal

|

break-word

取值:normal

: 

默认值。允许内容顶开指定的容器边界

break-word

: 

内容将在边界内换行。如果需要,词内换行(

word-break

)也将发生

说明:设置或检索当当前行超过指定容器的边界时是否断开转行。此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的

height

width

属性,或者设定

position

属性为

absolute

,或者设定

display

属性为

block

。此属性对于

currentStyle

对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为

wordWrap

示例:div

<head

runat="server">

<title>无标题页</title><style

type="text/css"><!--div

--></style></head>然后

属性调用CssClass="div"

www.661uc.com

www.833uc.com

www.776f.com

www.771uc.com

www.995uc.com

www.881uc.com

www.773uc.com

www.993f.com

www.993uc.com

www.116uc.com

www.991uc.com

www.337uc.com

www.717uc.com

www.113uc.com

www.199gg.com

在css中能够实现换行的代码有如下几个:

1、display:block //将标签改成块元素,块元素是单独占一行的。

2、clear:both; //清除浮动实现换行。

3、white-space:break; //这个一般适用在英文文章中的折行。

可以根据上面的几个能实现换行的样式,只需要将对应标签的对应属性删除就可以了。