北大青鸟电话24小时全国咨询热线:400-680-6399
HTML5
Java
.Net
Android
ios
网络营销
HTML5
联系方式
北京旗舰校区

电话:400-601-0802

QQ:4006010802

地址:西城区北礼士路100号

贵阳优越

电话:400-680-0851

QQ:800017195

地址:贵阳宝山北路213号

沈阳三好

电话:400-855-1066

QQ:4008551066

地址:沈阳和平区三好街54号

兰州优越

电话:0931-7701993

QQ:800017195

地址:兰州安宁区兴安路教育港

成都锦江

电话:400-680-6399

QQ:800017195

地址:成都锦江区大慈寺路22号

HTML5

当前位置:首页 > 青鸟知识 > HTML5
HTML中的行块标签
发布者:bdqn    发布时间:2017-08-18    浏览次数:

 作为一个初学HTML5的未来程序猿,首先接触的是HTML5中的标签,不同的标签有着不同意义,同时根据标签的特性可以将标签分为三大类:行标签(inline)、块标签(block)和行块标签(inline-block)。MfF北京北大青鸟-成都北大青鸟-贵阳北大青鸟-兰州北大青鸟-沈阳北大青鸟-北大青鸟优越教育官方网站

现在来简单介绍一下inline、block和inline-block这三类的特性:MfF北京北大青鸟-成都北大青鸟-贵阳北大青鸟-兰州北大青鸟-沈阳北大青鸟-北大青鸟优越教育官方网站

block(块标签):block类型的标签单独占一行,不允许其它类型的标签与它同占一行。但block类型的标签可以被设置宽高,给它所需求的样式,再没有给它设置宽高时,它会继承它的父级的宽度(就是包含它的那个标签,如果没有就继承body的宽度),其中的高度由它里面的内容撑开(就是内容有多少,它的高度就有多少)。block类型的标签对margin和padding有着很好的支持,一般不会出现问题。MfF北京北大青鸟-成都北大青鸟-贵阳北大青鸟-兰州北大青鸟-沈阳北大青鸟-北大青鸟优越教育官方网站

inline(行标签):inline类型的标签可以和inline和inline-block同行,但不能和block同行(这是因为block的特性)。inline类型的标签不能设置它的宽高,其宽高只能由它所包含内容撑开。inline类型的标签对margin和padding支持性较差,设置左右属性较好,设置上下属性时需谨慎使用,以免出现能够避免的麻烦。MfF北京北大青鸟-成都北大青鸟-贵阳北大青鸟-兰州北大青鸟-沈阳北大青鸟-北大青鸟优越教育官方网站

inline-block(行块标签):inline-block类型的标签有着inline和block的优秀的属性,是inline和block的结合体。故inline-block类型的标签即能设置其宽高又能和其他类型的标签同行排列(除了block),是一个小万能的。inline-block类型的标签对margin和padding的支持和block相同。MfF北京北大青鸟-成都北大青鸟-贵阳北大青鸟-兰州北大青鸟-沈阳北大青鸟-北大青鸟优越教育官方网站

记住,要熟知标签的类型,合理使用标签,提高代码的质量。MfF北京北大青鸟-成都北大青鸟-贵阳北大青鸟-兰州北大青鸟-沈阳北大青鸟-北大青鸟优越教育官方网站



MfF北京北大青鸟-成都北大青鸟-贵阳北大青鸟-兰州北大青鸟-沈阳北大青鸟-北大青鸟优越教育官方网站


MfF北京北大青鸟-成都北大青鸟-贵阳北大青鸟-兰州北大青鸟-沈阳北大青鸟-北大青鸟优越教育官方网站

上一篇:HTML5语义元素 下一篇:下一篇:很抱歉没有了
北京旗舰校区
电话:400-601-0802
QQ:4006010802
地址:西城区北礼士路100号
贵阳优越
电话:400-680-0851
QQ:800017195
地址:贵阳宝山北路213号
沈阳三好
电话:400-855-1066
QQ:4008551066
地址:沈阳和平区三好街54号
兰州优越
电话:0931-7701993
QQ:800017195
地址:兰州安宁区兴安路教育港
成都锦江
电话:400-680-6399
QQ:800017195
地址:成都锦江区大慈寺路22号