m0_71955188的博客

offsetWidth和offsetHeight：offsetWidth获取元素的宽度，包括元素的边框、内边距和垂直滚动条（如果存在）的宽度。offsetHeight：获取元素的高度，包括元素的变宽、内边距和水平滚动条（如果存在）的高度。clientWidth和clientHeight：clientWidth获取元素的可视区域宽度，不包括边框和滚动条的宽度。他表示元素内部可以显示内容的宽度。clientHeight 获取元素的可视区域高度，不包括边框和滚动条的高度。他表示元素内部可以显示内容的高度

Rgbargba()：是css函数，用于设置元素的颜色和透明度。rgba()接受四个参数：红、绿、蓝、透明(alpha)，分别表示红色通道、绿色通道、蓝色通道和透明通道的值。透明度的值范围是0(完全透明)到1(完全不透明)。通过调整透明度的值，可以在元素上创建不同的半透明效果。rgba()透明度是针对元素本身以及其内容的，而不会影响元素的子元素。opacity：opacity是css属性，用于设置元素的整体透明度。opacity接受一个介于0到1之间的值，表示元素的透明度，其中0表示完全透明，1

flex属性有三个值：flex-grow、flex-shrink和flex-basis。flex-grow：指定弹性的子项的放大比例，默认值为0，当设置为0的时候，子项不会根据剩余的空间进行伸缩。当设置为正数的时候，子项会按照比例进行分配剩余的空间。flex-shrink：指定弹性盒子的缩小比例，默认值为1.当可用空间不足时，子项根据，flex-shrink的比例进行缩小，可以设置为0，表示子项不允许缩小。flex-basis：指定弹性子项在主轴的初始大小，默认值为auto，可以设置为具体长度值(如：

使用 CSS3 的 transform: scale()：可以通过将元素进行缩放来实现1像素线条的效果。例如，可以创建一个高度为 1 像素的伪元素，并使用 transform: scaleY() 将其缩放至所需的宽度。使用 border-image：可以创建一个包含1像素线条的 PNG 图片，并使用 CSS3 的 border-image 属性将其应用到元素的边框上。通过调整 border-image-slice 和 border-width 来实现1像素线条的效果。使用 viewport unit

性能问题：使用 iframe 会增加页面的加载时间和渲染复杂度，特别是当嵌入的内容较多或者内容需要跨域访问时。安全性问题：嵌入的内容可能来自不受信任的第三方网站，这可能会导致一些安全风险。例如，通过 iframe 可以进行点击劫持和XSS攻击。难以调整样式：跨域的 iframe 内容受到同源策略的限制，使得在外部页面中调整 iframe 内部内容的样式和布局变得困难。SEO 难度：搜索引擎爬虫可能无法正确解析和索引通过 iframe 加载的内容。这会影响搜索引擎优化（SEO），使得嵌套的内容难

BFC是css的一个概念，它指的是一个独立的块级渲染区域。在该区域内，元素按照一定规则进行排列和布局，不会影响外部元素的布局。浮动元素会生成BFC：当元素设置了浮动属性时，它将生成一个新的BFC，避免浮动元素对其他元素的影响。这时BFC会包含浮动元素及其子元素，并计算出他们的位置各大小。绝对定位元素会生成BFC：当元素设置了position：absolute或position：fixed属性时，他会生成一个新的BFC行内快元素会生成BFC：当元素设置了display：inline-block属性

window.onload 和 $(document).ready() 都是用来在页面加载完成后执行 JavaScript 代码的方法，但是它们之间存在一些差异。window.onload 方法是在页面所有元素（包括图片、样式、链接等）加载完成后触发的，在这个事件之前，页面上的所有资源都必须加载完成。因此，如果页面中包含大量的图片或其他资源，那么 window.onload 事件可能比较晚触发，可能需要等待几秒钟或更长时间才会被触发。这意味着在使用 window.onload 时需要等待所有的资源加载完成

方法一：额外标签法  给谁清除浮动，就在其后额外添加一个空白标签 ，给其设置clear：both。clear：both：本质就是闭合浮动， 就是让父盒子闭合出口和入口，不让子盒子出来优点：通俗易懂，书写方便。缺点：添加许多无意义的标签，结构化比较差。方法二：父元素添加overflow:hidden通过触发BFC方式，实现清除浮动优点：代码简洁缺点：内容增多的时候容易造成不会自动换行导致内容被隐藏掉，无法显示要溢出的元素。方法三：使用after伪元素清除浮动优点：符合闭合浮动思想，结构语义化

答：CSS（层叠样式表），是一种用于描述网页样式的语言，用于控制网页的外观和布局。答：HTML元素是构成HTML文档的基本部分，由开始标签、内容和结束标签组成。答：CSS选择器是用于选择网页元素并应用样式的模式，可以根据元素的标签名称、类名、ID等属性进行选择。答：HTML元素的属性是用于描述元素的额外信息，可以用于控制元素的行为和外观。答：CSS样式是用于控制网页外观和布局的规则集，包括选择器和属性值。答：CSS的盒模型是描述网页元素的矩形框结构，包括元素的内容、内边距、边框和外边距等。