具有部分盒模型特征(默认width属性、height属性无效,垂直方向的margin、padding无效,垂直方向border不占位) 常用行级标签 span、b、strong、em、i、sup、sub、del、a等 4.8.3、行块级标签 inline block 特征 具有行级标记的特征:横向显示——水平布局,一行放不下会自动换行;换行和空格会被解析 具有块级标记的特征:...
2.b标签:是一个实体标签,用来呈现加粗效果 3.strong标签:语义标签,作用加强字符的语义,用来表示强调 4.i标签:定义域文本中其他部分不同的部分,将这一部分呈现为斜体,没有特殊语义 5.em标签:用来呈现被强调的文本 在文本呈现斜体效果 6.sub标签:下标 H2O 水的化学方程式 H2O 7.sup标签:上标 32 8.del标签:...
可以使用 rem 作为字体大小单位来继承 HTML 根元素的字体大小属性。 在源代码里把前一个 div 的结束标签和后一个 div 的开始标签贴在一起。可读性极差,丑拒。 不用inline-block,嘿嘿~ 可以换行,如下图 flex 弹性盒模型 最爱的解决方案,给父元素设置 display: flex; 即可 效果图: 还可以通过 justify-content...
块级标签:显示为块状,前后隔一行。(块级元素在显示器上单独占一行) 行级标签:按行逐一显示。(行级元素逐一分布在显示器上) 分类好处:方便以后的布局设计。 根据使用场合,块级标签又分为 基本块级标签 常用于布局的块级标签 基本块级标签: 标题标签 放大标题,前后隔一行。 < p> 段落标签,前后换行,并隔一行。
内联标签 如果两个同样的标签写在一起,出现在同一行上面,这种就是内联标签 常见的内联标签: ,, 注意:在内联标签中,有一个标签,img标签,是有边距和宽度和高度的,叫行内块级标签。 (需特别注意)内联标签的特点: 不会占据多余面积。 没有内外边距,
总结,块级标签,可以独占一行,宽度是父级标签的100%,给予宽高时,可以显示出背景的宽高。 4 行内标钱 4-1显示特点 -一行可以显示多个 -宽度和高度默认有内容撑开 -不可以设置宽高 代码: 浏览器显示 4-2 行内标签对比 类选择截图 对比代码截图 浏览器显示截图: ...
各种标签之间的转换 1、块级标签转换为行内标签:display:inline; 2、行内标签转换为块级标签:display:block; 3、转换为行内块标签:display:inline-block; 各个标签之间的区别 块标签:独自占领一行、可以进行宽高的数值的设定; 行标签:在一行内显示、不可以进行宽高的数值设定; ...
html有很多的标签，有些标签不管内容多少都会占用一整行的空间，而有些标签就只占内容宽度的位置。块级标签：p、div、ul、ol、li、dt、h1到h6等行内标签：span、a、strong、em等文本标签 方法/步骤 1 新增html页面 1）打开VSCode编辑器，新建一个文件，保存为“Common.html” 2）快速创建H5(html)页面文档...
- `span` 标签：用于行内文本的样式操作。- `em` 标签：用于强调文本，通常显示为斜体。- `strong` 标签：用于强调文本，通常显示为粗体。- `img` 标签：用于引用图片，`src` 属性指定图片地址。- `var` 标签：在 JavaScript 中用于命名变量。5. 块级标签特性：这类标签独占一行，可以设置高度、...
行内标签:、、、、、、、、、 块级标签:、、、、、、、、、、 行内块标签:、、<textarea>、、、 区别: 特点行内块级行内块 排列 一行多个 一行一个 一行多个 宽高 不可设置 可以设置 可以设置 默认宽度 内容撑开 100% 内容撑开 二省: CSS 4. css常用的伪类和伪元素有哪些?它们的区别是什么? 伪类...