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

    HTML元素和块元素

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

    3.2K20

    HTML详解连载(6)

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

    14720

    HTML详解连载(8)

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

    21140

    HTML详解连载(5)

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

    16120

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

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

    6210
    领券