【WEB前端】3.CSS内联元素和块元素

比眉伴天荒 2022-08-19 11:03 144阅读 0赞

HTML中内联元素和块元素分别有

块元素(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 - 定义变量     
    
可变元素     
    
　　可变元素为根据上下文语境决定该元素为块元素或者内联元素。     
　　\* applet - java applet     
　　\* button - 按钮     
　　\* del - 删除文本     
　　\* iframe - inline frame     
　　\* ins - 插入的文本     
　　\* map - 图片区块(map)     
　　\* object - object对象     
　　\* script - 客户端脚本

内联元素和块元素的区别在于，块元素会分行，内联元素可以显示在同一行。如果想让块元素显示在同一行可以用float属性或者是设置块元素的显示方式display样式为inline-block。