首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML的行元素和块元素

    行元素:整行排列,不能改变大小(宽度和高度),宽度默认文字宽度,当行元素排列过多时( 超过浏览器的宽度时自动强制换行 )。 块元素:一个块元素独占一行,宽度默认浏览器的宽度,可以改变宽度和高度。...行内块元素:属于行元素,但又有块元素的属性,横行排列但又可以设置宽度和高度。...定义地址 定义表格标题 定义列表中定义条目 定义文档中的分区或节 定义列表 定义列表中的项目 定义一个框架集 创建 HTML...frameset 元素内部 定义在脚本未被执行时的替代内容 定义有序列表 定义无序列表 标签定义段落 定义预格式化的文本 标签定义 HTML...原文地址《HTML的行元素和块元素》

    3.3K20

    HTML 行盒元素、行块盒及可替换元素特点

    HTML 行盒元素、行块盒及可替换元素特点 一、常见行盒元素 常见的行盒元素有 span、strong、em、i、img、video、audio、a。...这些行盒元素的特点如下: 盒子填充与宽度:盒子沿着内容方向填充,宽度由内容决定。 宽高设置:行盒元素不可以直接设置宽高,只能设置行高。...调整行盒的宽高需使用字体大小、行高、行间距、字体类型等属性间接设置。 内边距:水平方向有效,垂直方向无效且只能影响背景,不会实际占空间。...二、行块盒 定义为 display: inline-block; 的盒子。 特点包括: 显示方式:不独占一行。 盒子模型尺寸:盒子模型尺寸都有效,可以设置宽高、行高以及内外边距。...行盒特性:绝大部分可替换元素均为行盒。 盒子模型:可替换元素类似于行块盒,盒子模型中所有尺寸都有效,包括宽高。

    10910

    html段落首行缩进两字符_css设置首行缩进

    应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em。em是相对长度单位。...实际上,就是首行缩进了2em。 行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。... —————————————————————————————————————– 用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。 其实呢,用CSS样式来定义更为高效。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/167651.html原文链接:https://javaforall.cn

    4.7K50

    HTML详解连载(8)

    HTML详解连载(8) 下面进行专栏介绍 本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记 进行适当修改。...垂直方向,从下到上 弹性伸缩比 作用 控制弹性盒子的主轴方向的尺寸 属性名 flex 属性值 整数数字,表示占用父级剩余尺寸的份数 弹性盒子换行 弹性盒子可以自动挤压或拉伸,默认情况下,所有弹性盒子都在一行显示...属性名 flex-wrap 属性值 属性 效果 wrap 黄行 nowrap 不换行(默认) 行对齐方式 属性名 align-content 属性值 属性 效果 flex-start 默认值,弹性盒子从起点开始依次排列...空白间距均匀分布在弹性盒子之间 space-around 弹性盒子沿主轴均匀排列,空白间距均匀分布在弹性盒子两侧 space-evenly 弹性盒子沿主轴均匀排列,弹性盒子与容器之间间距相等 注意 行对其方式堆单行弹性盒子不生效

    21540

    HTML详解连载(6)

    HTML详解连载(6) 下面进行专栏介绍 本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记 进行适当修改。...规则 选择器优先级高的样式生效 公式 通配符选择器<标签选择器<类选择器<id选择器<行内样式<!...important权重最高 2、继承权重最低 Emmet写法分析 代码的简写方式,输入缩写 VScode会自动生成对应的代码 HTML CSS:大多数简写方式为属性单词的首字母 背景图 网页中...,背景图平铺方式,背景图位置/背景图缩放,背景图固定(空 格隔开,不区分顺序) 显示模式 标签(元素)的显示方式 作用 布局网页的时候,根据标签的显示模式选择合适的标签摆放内容 块级元素 位置 独占一行...宽度默认是父级的1000% 添加宽高属性生效 行内元素 位置 一行共存多个 尺寸 尺寸由内容撑开 加宽高不生效 行内块元素 位置 一行共存多个 尺寸 设置宽高属性生效 默认尺寸由内容撑开 转换显示模式

    15520

    HTML详解连载(5)

    HTML详解连载(5) 下面进行专栏介绍 本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记 进行适当修改。...开始喽 行高:设置多行文本的间距 属性名 line-height 属性值 数字+px 数字(当前标签font-size属性值的倍数) 行高的测量方法 从一行文字的最顶端(最底端)量到下一行文字的最顶端...(最底端) 行高-垂直居中 技巧 行高属性值等于盒子高度属性值 字体族 属性名 font-family 属性值 字体名 示例 font-family:楷体; 扩展 font-family属性值可以写多个字体名...属性最后设置一个字体族名,网页开发建议使用无衬线字体 font 复合属性 使用场景 设置网页文字公共样式 复合属性 属性的简写方式,一个属性对应多个值的写法,各个属性值之间用空格隔开 font:是否倾斜 是否加粗 字号/行高

    16620
    领券