HTML inline 与block元素
行标签:内容撑开宽度,不可以控制宽和高,它的宽和高随标签里的内容而改变
块标签:撑满行(默认) ,可以用样式控制其宽和高
但行标签 img,textarea,select,input 是可以设置宽和高并且有效的
如果对 iniline元素设置了浮动 则具有块级元素的性质
块元素(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 - 定义变量
转载于:https://www.cnblogs.com/dubaokun/p/3459857.html
HTML inline 与block元素相关推荐
- 【学习笔记】block、inline(替换元素、不可替换元素)、inline-block的理解
本文转载 总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素).blo ...
- display:inline、block、inline-block
总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素).block元素通 ...
- display:inline、block、inline-block的区别
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始: 高度,行高以及顶和底边距都可控制: 宽度缺省是它的容器的100%,除非设定一个宽度 <div& ...
- display:inline、block、inline-block的区别以及该死的ie6兼容问题
2019独角兽企业重金招聘Python工程师标准>>> display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始: 高度,行高以及顶和底边距都 ...
- [css] inline、block、inline-block这三个属性值有什么区别?
[css] inline.block.inline-block这三个属性值有什么区别? inline: 行内元素,元素不独占一行,不可以修改宽高 block: 块级元素,元素独占一行,可以修改宽高 i ...
- 学习笔记day5:inline inline-block block区别
1. block元素可以包含block元素和inline元素:但inline元素只能包含inline元素.要注意的是这个是个大概的说法,每个特定的元素能包含的元素也是特定的,所以具体到个别元素上,这条 ...
- display:inline display:block
display:inline; 元素会被显示为内联元素,元素前后没有换行符. display:block 元素将显示为块级元素,此元素前后会带有换行符. 举例: 1.display:block < ...
- html——inline、block与block-inline区别
块级元素 会占领页面的一行,其后多个block元素自动换行. 可以设置width,height,设置了width后同样也占领一行.同样也可以设置 margin与padding属性. ps:常见的块 ...
- display:inline inline-block block
块级元素:默认设置display:block的元素<div>.<h1>~<h6>.<p>.<ul>.<ol>.<li> ...
- CSS的inline、block与inline-block
基本知识点 行内元素一般是内容的容器,而块级元素一般是其他容器的容器,行内元素适合显示具体内容,而块级元素适合做布局. 块级元素(block):独占一行,对宽高的属性值生效:如果不给宽度,块级元素就默 ...
最新文章
- Spring容器初始化Bean、销毁Bean前所做操作的定义方式汇总
- stm8s开发(二) GPIO的使用:点亮LED!
- h5 video 手机 显示第一帧_解决h5嵌入app后video标签poster不能显示视频第一帧(表现为空白)...
- php gd 缩略图,[PHP GD库]①0--缩略图封装
- 智慧交通day02-车流量检测实现12:基于yoloV3的目标检测
- 【SQL】正则表达式-校验数字,字符,特殊需求等
- stm32读取驾驶模拟器数据 stm32F407读取joystick数据
- java源码-LinkedHashMap
- intel wifi 5100agn linux驱动,intel5100agn驱动
- win10下office2013命令激活参考
- 国美易卡利用数据挖掘技术,国美易卡精准分析决策
- IJCAI2021强化学习相关论文集合推荐
- 含有js的英文单词_常用的js单词整理
- Android使用网络打印机打印
- 最新阿里巴巴面试题合集附带答案,答对70%你也可以进阿里(天猫+蚂蚁金服+阿里巴巴)
- 使用BIOS进行键盘输入和磁盘读写
- Eel——js 如何调用python的函数
- Mac IntelliJ IDEA 2020.1 闪退
- 常见的ICE工具和集成开发环境
- 图解 git 仓库概念
热门文章
- java 联合_Java标记的联合/和类型
- 服务器响应401,如果服务器返回401响应,则重定向到登录页面(Redirect to login page if server returns 401 response)...
- python 进度条模块....
- PHP和zookeeper结合实践
- Linux系统解决SSH登录慢的详细步骤
- C# 使用SqlDataReader方式使用数据做查询的例子
- require和include的区别(PHP)
- 技术干货 | SDN controller高可用之路
- ios开发之 -- 强制横屏
- oracle 查询数据库表空间大小和剩余空间