??斗地主捕鱼电竞提现秒到 广告位招租 - 15元/月全站展示
??支付宝搜索579087183领大额红包 ??伍彩集团官网直营彩票
??好待遇→招代理 ??伍彩集团官网直营彩票
??络茄网 广告位招租 - 15元/月全站展示
元素类型

转载   outsider96   2018-11-14   浏览量:15


块状元素
1.块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域
常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,tr,td,等;
2.块元素的特点:
①默认情况下,块状元素都会独占一行,块状元素会按顺序自上而下排列。
②块状元素都可以直接定义自己的宽度和高度。?
③块状元素遵循盒模型的所有规则,一般都作为其他元素的容器,它可以容纳其它内联元素和其它块状元素。(p标签除外)

内联元素
1.常见的内联元素如:a,span,i,em,strong,b等
2.内联元素的特点:
①内联元素其后如果是内联元素则会在一行内逐个进行显示;
②内联元素显示的宽度、高度只能根据所包含内容的高度和宽度来确定,不能直接定义它的宽和高,它的最小内容单元也会呈现矩形形状;
③内联元素也会遵循盒模型基本规则,但个别属性不能正确显示;

元素类型的转换
1.display的作用:设置或检索元素的类型。
属性值19个:block/inline/inline-block/nlone/list-item/table-header-group/table-footer-group....
2.属性值中有5个最常用的属性值
①Block 块元素的display默认属性值,当给元素加display:block后元素变为块元素。
(注:当元素设置了float属性后,就相当于给该元素加了display:block;属性;)
②inline 内联元素的display默认属性值,当给元素加display:inline元素变为内联元素
③inline-block 内联块元素默认属性值:行内的其他元素显示在同一行,但可以直接设置宽高,
如:img,input(注:只有这一个元素类型支持vertical-align属性)
4.none 元素被隐藏不显示
5.list-item 将元素转换成列表。li的display默认属性值;

总结
1、大部分块元素display属性值默认为block,其中li默认值为list-item。
2、大部分内联元素(行内元素、行间元素)的display属性值默认为inline,其中img,input,默认为inline-block。

转载自://blog.51cto.com/13570197/2317050

招聘 不方便扫码就复制添加关注:程序员招聘谷,微信号:jobs1024


下一篇:

行内元素可以设置padding和margin吗
第一:行内元素与宽度宽度不起作用span{width:200px;}没有变化第二:行内元素与高度高度不起作用span{height:200px;}没用变化第三:行内元素与padding,marginspan{padding:200px;}影响左右,不影响上下行内元素(inline-block)的padding左右有效,但是由于设置padding上下不占页面空间,无法显示效果,所以无效。其margi
使用三种方式定位html中的元素
1)使用三种方式定位html中的元素a)通过ID$("#ID")b)通过标签名$("标签名")c)通过样式名$(".样式名")2)dom中,需要判段查找到的元素是否为null,而jquery中,无需判段,因为jquery本身内置判段器,在查找不到的情况下,返回"undefined"<!DOCTYPEHTMLPUB
javascript动态插入html元素
主要有是两种方案:1使用DOM使用createElement创建元素vardialog=documentcreateElement(&039;div&039;);varimg=documentcreateElement(&039;img&039;);varb
从元素抽取属性,文本和HTML
问题在解析获得一个Document实例对象,并查找到一些元素之后,你希望取得在这些元素中的数据。方法要取得一个属性的值,可以使用Nodeattr(Stringkey)方法对于一个元素中的文本,可以使用Elementtext()方法
元素width:100%; 设置padding出现横向滚动条的问题
当我们给块元素设置宽度为100%,然后再设置padding值想让里面的内容有一定的内边距时,会发现此时内边距的效果达到了,但是却出现了横向滚动条,原因:padding是边框和里面内容之间的间隙,如果你设置了padding,padding的值是不变的,当内容+padding大于容器时,它会以容器的左上角为中心,保持padding的距离向外扩展,因此出现了滚动条,正常解决办法是,将元素宽度减去padd
父元素百分比 line-height设置文字居中
当父元素设置高度为百分比的时候line-height的值自然也就不能是定值不能用绝对的px值,但是给line-height设置百分比,实际上这个百分比是根据字体大小计算的,还是无法得出具体的百分比,所以遇到这种情况只能另辟蹊径,有两种解决办法:1.给父元素设置display:flex;align-items:center;justify-content:center;2.给父元素设置displa:
html5——表单元素和属性
html使用表单向服务器提交请求,表单控件的主要作用就是收集用户的输入,当用户提交表单时,用户输入内容将被作为请求参数提交到远程服务器上html原有的表单及表单控件form属性说明action指定当单击表单的确认按钮,该表单被提交到哪个地址,可以是相对/绝对地址method指定提交表单时发送何种类型的请求属性值可以为getpostenctype对表单内容进行编码所使用的字符集name指定表单的
html5——常用元素与属性
html5是由标签组成的标记语言,本篇就介绍HTML5的部分标签&nbsp;&nbsp;&nbsp;&nbsp;html5保留的常用标签&lt;!--&nbsp;&nbsp;--&gt;&nbsp;&nbsp;&nbsp;&nbsp;定义HTML注释&lt;html&gt;&nbsp;&nbsp;&nbsp;&nbsp;HTML5文档的根元素&lt;head&gt;&nbsp;&nbsp;&n
HTML 元素是否可见
今天在处理浏览器的预读下一页功能的是否遇到一个Bug,问题简单描述如下一个连接在页面中不可见,不可见的属性是在其父元素或者更上层的元素中定义的。我们最终要得到的是页面中所有可见的链接的节点??梢哉庋迪郑?.首先得到页面中所有的节点document.getElementsByTagName('a')2.排除不可见节点对于不可见节点获取方式有以下几种a.获取该元素的d
C# 遍历 HTML元素 遍历html控件
C#遍历HTML元素遍历html控件