html内联元素与块状元素大全。以及什么时候用到相互转化_html/css_WEB-ITnose
程序员文章站
2022-06-03 10:51:12
...
##转化方法 display:block; dipplay:inline;##块元素(block element)- address - 地址- blockquote - 块引用- center - 举中对齐块- dir - 目录列表- div - 常用块级容易，也是CSS layout的主要标签- dl - 定义列表- fieldset - form控制组- form - 交互表单- h1 - 大标题- h2 - 副标题- h3 - 3级标题- h4 - 4级标题- h5 - 5级标题- h6 - 6级标题- hr - 水平分隔线- isindex - input prompt- menu - 菜单列表- noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容- noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）- ol - 排序表单- p - 段落- pre - 格式化文本- table - 表格- ul - 非排序列表##内联元素(inline element)- 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 - 定义变量##相互转化什么时候用的多常用在导航栏里面，一般来说导航栏都是一个个链接来的。就好像。导航栏就是由一个ul多个li做出来的，这样每项都是一个超链接。但是这样的话，想要链接的话，你唯有指着“1235”这几个数字才会触发超链接，这样用户体验不好，因为不是所有人用鼠标都很精准的，这是就要把a标签转化成块状标签，宽高设成和li的宽高一样，这样鼠标一进入这个块状元素就能触发链接，而不用指中那几个字了。还有就是页面布局ul的一个属性list-style-type:none;可以让前面的小点消失