html 11 内联(行内)
行内元素 <span>
块级元素 <div> <p> <section> <header> <footer>
行内元素,这是高 margin-top margin-bottom 无意义 ,无效果,因为它仅仅在行内 ,它跳不出行,行多少它就多少。padding-top padding-bottom也无效果
width height 也没有用 margin-left/right 是可以的 padding-left/right 是可以设置的
块元素
◎ 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 – 非排序列表
xhtml行元素
◎ 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 – 客户端脚本
转载于:https://www.cnblogs.com/zy2012/p/3727534.html
html 11 内联(行内)相关推荐
- 行内元素和块级元素:内联(行级)元素不能设置margin-top
内联(行级)元素 不能设置宽高,但padding属性可以设置,需要注意的是行级元素不能设置margin-top和margin-bottom属性,但可以设置margin-left和margin-righ ...
- CSS中的块元素,内联元素,内联块元素
块元素,内联元素,内联块元素 元素就是标签,布局中常用的有三种标签,块元素.内联元素.内联块元素,了解这三种元素的特性,才能熟练的进行页面布局. 块元素 块元素,也可以称为行元素,布局中常用的标签如: ...
- java 内联_Java内联类初探
java 内联 重要要点 Valhalla项目正在开发内联类,以提高Java程序对现代硬件的亲和力 内联类使开发人员能够编写行为更像Java内置基元类型的类型 内联类的实例不具有对象标识,这带来了许多 ...
- CSS 块元素,行内元素,行内块元素及元素之间转换
元素的显示模式 元素一般分为块级元素和行内元素 元素种类 排列 设置样式 默认 包含 块元素 独占一行 可以设置宽高 容器的100% 可以包含任何标签 行内元素 一行可以放多个行内样式 不可直接设置宽 ...
- css块元素,内联元素,内联块元素
一.块元素,内联元素,内联块元素 1.块元素: 也称行元素, 布局中常用的标签如:div,p, h1-h6,ul,li... 支持全部的样式 可以设置元素的大小,并且元素是独占一行显示,如果 ...
- html5行级标签,8、html5哪些标签时块级、行内、行内块?2021-01-30
一.块级标签 div.p.h1-h6.form.ul.ol.dl.dt.dd.li.table.tr.td.th.hr.blockquote.address.table.menu.pre HTML5: ...
- CSS显示:内联vs内联块[重复]
本文翻译自:CSS display: inline vs inline-block [duplicate] Possible Duplicate: 可能重复: What is the differen ...
- 行转换html,块级、行内、行内元素相互转换
块级.行内.行内元素相互转换 html> 块级.行内.行内块元素相互转换 *{margin: 0px;padding: 0px;} body{background: url(images/5.j ...
- 专题 | 块级元素 行内元素 行内块元素
它们本身的宽度如何计算 高度如何计算----当时的想法是? 以后补 他们三个能否嵌套块级元素 行内元素 还有特殊的a标签 块级元素 块级元素高由内容撑起,宽默认100%,可以自己设置元素宽高. 块级元 ...
- 【CSS】图片底部空白缝隙处理 ( 使用居中对齐 / 顶部对齐 / 底部对齐 | 将行内元素 / 行内块元素转为块级元素 )
文章目录 一.图片底部空白缝隙问题 二.图片底部空白缝隙问题解决方案一 ( 使用居中对齐 / 顶部对齐 / 底部对齐 ) 三.图片底部空白缝隙问题解决方案二 ( 将行内元素 / 行内块元素转为块级元素 ...
最新文章
- 专题 11 IPC之管道
- [转]C#开发ActiveX控件,.NET开发OCX控件案例
- 如何黑掉一台根本不联网的电脑
- openlayers 3读取加载geojson格式数据
- virtio-fs: A Shared File System for Virtual Machines
- rm删除报错 :-bash: syntax error near unexpected token `('
- java基础之继承(一)
- android sqlite SQLiteDatabase 操作大全 不看后悔!必收藏!看后精通SQLITE (第三部分,完整代码)
- Android 设备接入扫码枪,Android 设备接入扫码枪
- transform: translateY(-50%)实现垂直居中效果
- js实现通知弹屏 Notification
- mysql 法语字符比较_法语词典哪种比较好?
- git工程化 自动生成changeLog 发布版本
- iHerb中国这个app怎么样?iHerb中国邮政EMS与顺丰速运区别点在哪里?
- 蒙特卡洛(Monte Carlo)方法的介绍和应用
- 地理坐标系、大地坐标系与地图投影与重投影详解
- MATLAB数据类型——浮点数
- 股票 价格 定价 资料收集
- iOS 模态视图,阻尼动画
- Carla release与ros-bridge