块级
函数表达式——精选推荐
函数表达式⼀、定义函数的⽅式1.函数声明：function abc(){}2.函数表达式：var abc = function(){}⼆、递归1.通过⾃⾝的名字调⽤：但函数名赋值给其他函数时失效function factorial(num){if (num <= 1){return 1;} else {return num * factorial(num-1);}}View Code2.通过...
前端面试题及答案
前端面试题及答案在前端领域中，面试是获取工作机会的重要环节。为了帮助准备前端面试的候选人们，本文将提供一些常见的前端面试题及其答案，以供参考。一、HTML相关面试题1. 请简述HTML的概念和作用。HTML是超文本标记语言的缩写，用于构建网页的标准标记语言。它通过标签来定义页面的结构和内容，并与CSS和JavaScript等其他技术协同工作，实现页面的渲染和交互。2. 请解释一下HTML5的新特性...
CSS:浮动(左浮动、右浮动)
CSS ：浮动（左浮动、右浮动）1、标准流（普通流/⽂档流）标准流就是标签按照规定好的默认⽅式排列（1）块级元素会独占⼀⾏，按照从上到下的⽅式排列（2）⾏内元素会按照顺序，从左到右的顺序进⾏排列，遇到⽗元素则⾃动换⾏（3）纵向排列标准流，横向排列⽤浮动2、浮动的简单应⽤（1）让多个块级元素⽔平排列在⼀⾏（这⾥将⾏内元素转换为了块级元素）可以看出，块元素在显⽰的时候，他们之间会有空隙。（2）添加浮动...
html什么标签用来定位图片,HTML入门(转义字符、行内样式和块级元素...
html什么标签⽤来定位图⽚,HTML⼊门（转义字符、⾏内样式和块级元素、定位、锚点、跑马。。。⼀、转义字符由特殊字符包裹的⽂本 会当做标签去解析对应不换⾏空格 对应全⾓空格 em是字体排印学的计量单位，相当于当前指定的点数。其占据的宽度正好是1个中⽂宽度，⽽且基本上不受字体影响。<；对应<>对应>⼆、⾏内元素和块级元素1.块级标签默认情况下，每⼀个块级元素都是独占⼀⾏的即...
CSS中的块级元素,行内元素,行内块元素
CSS中的块级元素，⾏内元素，⾏内块元素块级元素 block块级元素，该元素呈现块状，所以他有⾃⼰的宽度和⾼度，也就是可以⾃定义width和Height，块元素独占页⾯的⼀⾏，可以作为容器使⽤，可以容纳块级元素和⾏内元素。块级元素有以下特点每个块元素都独占页⾯的⼀⾏⾼度和宽度是可以设置的元素的宽度不设置的话默认为⽗元素的宽度常见的块元素<address>//定义地址<captio...
对块级格式化上下文的理解
对块级格式化上下文的理解1.引言1.1 概述在进行网页布局时，我们经常会遇到各种各样的布局问题，比如父元素无法正确包裹子元素、浮动元素带来的高度塌陷问题等等。这些问题往往给我们带来头疼的同时，也使得网页的布局变得困难和复杂。为了解决这些布局问题，CSS2.1引入了块级格式化上下文（Block Formatting Context，BFC）的概念。块级格式化上下文是一种HTML元素在排版时创建的一块...
let用法和搭配
let用法和搭配`let` 是 JavaScript 中的一个关键字，用于声明变量。与 `var` 不同的是，`let` 声明的变量作用域被限制在声明它的块级作用域内，这使得 `let` 更适用于那些你需要限制变量作用域的情况。以下是一些 `let` 的用法和搭配示例：1. 块级作用域：使用 `let` 声明的变量具有块级作用域，这意味着它们的作用域被限制在声明它们的代码块内。```javascr...
react中const用法
在React中，const关键字用于声明常量。常量的值在声明后无法被改变。在React代码中，你可能会在各种场景中使用const，例如：1.声明普通的常量：const myConstant = "Hello, World!";2.在函数组件中声明状态变量：在函数组件中，我们通常使用const来声明状态变量，因为它们在函数的作用域内是只读的。function MyComponent() {const...
函数级作用域和块级作用域
函数级作用域和块级作用域在编程中，作用域是指在程序中某个特定部分中定义的变量、对象和函数的可访问性和可见性。作用域规定了变量的生命周期以及在何处可以访问它们。在许多编程语言中，作用域可以分为函数级作用域和块级作用域。函数级作用域是指变量在函数内部定义的作用域。在函数级作用域中，变量在函数内部声明，只能在函数内部访问。这意味着在函数外部无法访问函数内部的变量。函数级作用域的一个重要特点是变量在函数执...
前端技巧——手动调整文字的对齐
前端技巧——⼿动调整⽂字的对齐<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>html span 居中div{ &nbs...
html插入图片为什么下面有小缝隙
html插⼊图⽚为什么下⾯有⼩缝隙默认⽂字和图⽚是与基线对齐的，⽗盒⼦被图⽚撑开后，下⾯会有⼀个⼩缝隙，原因：图⽚或者表单等⾏内块元素，他的底线会和⽗级盒⼦的基线对齐。就是图⽚底侧会有⼀个空⽩缝隙。解决的⽅法就是：html图片展示特效给img vertical-align:middle | top| bottom等等。让图⽚不要和基线对齐。给img 添加 display：block; 将⾏内块元素...
div居中方法(共9种)
div居中⽅法（共9种）div居中⽅法（共8种）⽔平居中⾏级元素：为该⾏级元素的⽗元素设置text-align:center配合line-height样式<div ><span>⾏级元素</span></div>块级元素：为其⾃⾝设置margin:auto样式<div ><div >块级元素</div></d...
display的常用属性
display的常⽤属性display的属性值display所有的取值在下图中：常⽤的⼏种取值margin属性怎么用1. display:none此元素不会被显⽰，并且不占据页⾯空间与visibility:hidden的区别hidden占实际空间，其后的元素仍在该有的位置，⽽none后的元素占none原有的位置2. display:block块级元素，会独占⼀⾏块级元素的特点(1) 每个块级元素都...
css之display属性之inline-block布局实现详解
css之display属性之inline-block布局实现详解CSS display 属性注释：如果规定了 !DOCTYPE，则 Internet Explorer 8 （以及更⾼版本）⽀持属性值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"ta...
css设置内外边距,css内外边距属性
css设置内外边距,css内外边距属性盒⼦模型：所有HTML元素可以看作盒⼦，在CSS中，"box model"是⽤来设计和布局时 使⽤。CSS盒模型本质上是⼀个盒⼦， 封装周围的HTML元素， 它包括：边距，边框，填充和实际内容。外边距属性：设置对象四边的外部边距内联块级元素和块级元素的可以设置外边距。内联元素可以设置左、右两边的外边距；若要设置上、下两边的外边距，必须先使该元素变为块级元素或内...
代码单词
itop 上 right 右 bottom 下left左 border 边框 padding内边距margin 外边距 width 宽度 height 高度 style 样式 solid 实线 dashed虚线line-height 行高 display 显示方...
HTML行内、块级、空(void)元素以及区别,外加对应元素的整理
HTML⾏内、块级、空（void）元素以及区别，外加对应元素的整理本⽂总结内容: “⾏内、块级、空(void)” 元素：1. 什么是⾏内元素、块级元素、空(void)元素?2. ⾏内元素和块级元素有什么区别?3. ⾏内元素有哪些? 块级元素有哪些? 空(void)元素有那些？废话不多说, 直接上代码以及图例(为了让⼤家⽅便阅读, 都有⾃⼰验证过程的⼀些图例作为分享) 。⼀: 什么是⾏内元素、块级元...
为什么有些内联(行内)元素可以设置宽高?
为什么有些内联（⾏内）元素可以设置宽⾼？为什么有些内联（⾏内）元素如img、input可以设置宽⾼？在说明之前我们先来了解⼀些定义。块级元素和内联元素：①块级元素总是独占⼀⾏，表现为另起⼀⾏开始，⽽且其后的元素也必须另起⼀⾏显⽰。宽度(width)、⾼度(height)、内边距(padding)和外边距(margin)都可控制。块级元素主要有:address , blockquote , cent...
css行内元素和块元素
css⾏内元素和块元素⼀.块级元素和内联元素的区别：1.块元素，总是在新⾏上开始；内联元素，和其他元素在⼀⾏；2.块元素，能容纳其他块元素或者内联元素；内联元素，只能容纳⽂本或其他内联元素；3.块元素中⾼度，⾏⾼以及顶和底边距都可以控制；内联元素中⾼，⾏⾼及顶和底边距不可改变。4.对于⾏内元素来说margin只有margin-left和margin-right有效，padding只有padding...
小程序设置页面外边距与内边距
⼩程序设置页⾯外边距与内边距说到边距，那这个基本上跟android⾥的概念差不多，先来看⼀个图吧，（虽然标注的丑了点，不过那不是重点）⼀.margin：外边距；设置对象四边的外延边距。margin: 20rpx 10rpx 25rpx 10rpx ：如果提供全部四个参数值，将按上、右、下、左的顺序作⽤于四边。padding是外边距还是内边距margin：20rpx：如果只提供⼀个，将⽤于全部的...
css内外边距属性
css内外边距属性盒⼦模型：所有HTML元素可以看作盒⼦，在CSS中，"box model"是⽤来设计和布局时使⽤。CSS盒模型本质上是⼀个盒⼦，封装周围的HTML元素，它包括：边距，边框，填充和实际内容。外边距属性：设置对象四边的外部边距内联块级元素和块级元素的可以设置外边距。内联元素可以设置左、右两边的外边距；若要设置上、下两边的外边距，必须先使该元素变为块级元素或内联块级元素。如果提供全部四...
CSS让2个DIV在同一行显示的解决方法
CSS让2个DIV在同⼀⾏显⽰的解决⽅法在CSS中，div属于块级元素，每个块级元素默认占⼀⾏⾼度，⼀⾏内添加⼀个块级元素后⽆法⼀般⽆法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页⾯⾃动换⾏显⽰。所以默认情况下，2个div是⽆法显⽰在同⼀⾏的，必须通过样式属性去修改。解决⽅⽅法1：display:inline，将其变成⾏级元素，这样2个div就会排在同⼀⾏。<div...
HTML5入门(一)——基本标签表格
HTML5⼊门（⼀）——基本标签表格⼀、HTML简介超⽂本标签语⾔，即⽹页的源码。⽽浏览器就是翻译解释HTML源码的⼯具。⼆、HTML Head部分<1>Head的作⽤⽤于描述⽹页的⼀些关键信息。⽐如⽹页的配置、设置、关键字等等。这些信息⼤多在浏览器是看不到的，但是对⽹页的解析⾄关重要。<2>meta标签①⽤于描述⽹页的各种信息。⽹页编码格式UTF-8：万国码，兼容各种语⾔...
HTML常见问题及解决方法?集合版持续更新本文章——可收藏
HTML常见问题及解决⽅法？集合版持续更新本⽂章——可收藏1去除链接下划线text-decoration: none;2设置图⽚（边框）圆⾓border-radius:35px;border-radius:50%;3去除列表样式ul,li{list-style: none;}4设置元素框的类型display: inline;display属性规定元素应该⽣成的框的类型。默认值：inline值描述n...
HTML行级元素和块级元素标签列表
HTML⾏级元素和块级元素标签列表HTML⾏级元素和块级元素标签列表tips：块级元素占⼀⾏，不论内容多少只要是有2个这样的元素就会换⾏，⾏内元素内容少时不会换⾏。⼀、块元素(block)的特点：1. 总是在新⾏上开始；2. ⾼度，⾏⾼以及顶和底边距都可控制；3. 宽度缺省是它的容器的100%，除⾮设定⼀个宽度。⼆、⾏内元素(inline)的特点：1. 和其他元素都在⼀⾏上；2. ⾼，⾏⾼及顶和底...
htmlli是块级元素,li是行内元素吗?
htmlli是块级元素,li是⾏内元素吗？li是⾏内元素吗？li不是⾏内元素；ul和li都是块级元素。因为ul和li标签的⾼度，⾏⾼以及外边距和内边距都可控制；且可以容纳内联元素和其他块级元素。块级元素(block element)，和其对应的是内联元素(inline element)--也称⾏内元素，都是html规范中的概念。⼤多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显⽰时...
html_Css行内快元素
html_Css⾏内快元素⼀、内联块级（⾏块元素） 取值：inline-block : 含义： 1.⾮占⼀⾏ 2.包裹性：盒⼦默认会紧紧的包住内容 3、可以设置宽⾼ 相关标签： image input⼆、内联元素（⾏级元素）&...
html基础知识3-块级与行内元素之间的转换
html基础知识3-块级与⾏内元素之间的转换块级元素与⾏内元素之间的转换其实都是通过CSS设置的；1.块级元素转为⾏内元素⽐如说我把div元素转为⾏内元素：<div ></div>;这样就会使div成为⾏内元素，具备⾏内元素的所有特性；同时其他的也可以这么做，例如：p ul 等标签；但是我们⼀般很少把这个块级标签转为⾏内标签；因为我们可以直接使⽤⾏内标签，⽐如我们可以使⽤s...
HTML基础知识(块级标签,行内标签,行内块标签)
HTML基础知识（块级标签，⾏内标签，⾏内块标签）块级元素：独占⼀⾏，对宽⾼的属性值⽣效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；⾏内元素：可以多个标签存在⼀⾏，对宽⾼属性值不⽣效，完全靠内容撑开宽⾼！其中还有⼀种结合两种模式有点的显⽰模式：⾏内块元素：结合的⾏内和块级的有点，不仅可以对宽⾼属性值⽣效，还可以多个标签存在⼀⾏显⽰；⾏内标签：包含a、span、em、strong...
HTML几种选择器介绍
HTML⼏种选择器介绍CSS的使⽤⽅式style 属性--->style 标签---> head 标签⾥⾯link --->三种基础选择器的区别html标签选择器：所有的html标签都可以当做选择器⽆论标签藏多深都会被选中选择的是所有的标签⽽不是某个具体的标签id选择器：任何的标签都可以有id属性和属性值id不能够重复class选择器：任何的标签都可以使⽤class属性class...
