随笔分类 - 浏览器/html/css面试题
摘要：css 代码: overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
阅读全文
摘要：CSS Sprites简介 通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优
阅读全文
摘要：参数是scroll时候，必会出现滚动条。参数是auto时候，子元素内容大于父元素时出现滚动条。参数是visible时候，溢出的内容出现在父元素之外。参数是hidden时候，溢出隐藏。
阅读全文
摘要：1⃣️ 写在body标签前利于浏览器逐步渲染： resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint 2⃣️ 写在body标签后： 由于浏览器以逐行方式对html文档进行解析； 当解析到写在尾部的样式表（外联或写
阅读全文
摘要：png是便携式网络图片（Portable Network Graphics）是一种无损数据压缩位图文件格式.优点是：压缩比高，色彩好。 大多数地方都可以用。 jpg是一种针对相片使用的一种失真压缩方法，是一种破坏性的压缩，在色调及颜色平滑变化做的不错。在www上，被用来储存和传输照片的格式。 gif
阅读全文
摘要：外层div使用position：relative；高度要求自适应的div使用position: absolute; top: 100px; bottom: 0; left: 0
阅读全文
摘要：display:inline-block是一种布局方法，它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与文字，图片混排，可内嵌block属性元素，可以置身于inline水平的元素中。 在CSS布局中，如果我们想要将一
阅读全文
摘要：https://blog.csdn.net/sjinsa/article/details/70919546
阅读全文
摘要：多数显示器默认频率是60Hz，即1秒刷新60次，所以理论上最小间隔为1/60＊1000ms ＝ 16.7ms。
阅读全文
摘要：-webkit-font-smoothing在window系统下没有起作用，但是在IOS设备上起作用-webkit-font-smoothing：antialiased是最佳的，灰度平滑。
阅读全文
摘要：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 ::before就是以一个子元素的存在，定义在元素主体内容之前的一个伪元素。并不存在于dom之中，只存在在页面之中。 :before 和 :after 这两个伪元素，是在CSS2.1里新出现的。起初，伪元素的前缀使用的是单冒号语法，但
阅读全文
摘要：视差滚动（Parallax Scrolling）通过在网页向下滚动的时候，控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。 CSS3实现优点：开发时间短、性能和开发效率比较好，缺点是不能兼容到低版本的浏览器 jQuery实现通过控制不同层滚动速度，计算每一层的时间，控制滚动效果。优点
阅读全文
摘要：https://blog.csdn.net/yehaocheng520/article/details/105611762
阅读全文
摘要：margin: 需要在border外侧添加空白时； 空白处不需要背景（色）时； 上下相连的两个盒子之间的空白，需要相互抵消时。 padding： 需要在border内测添加空白时； 空白处需要背景（色）时； 上下相连的两个盒子之间的空白，希望等于两者之和时
阅读全文
摘要：偶数字号相对更容易和 web 设计的其他部分构成比例关系
阅读全文
摘要：浏览器会『从右往左』解析CSS选择器。我们知道DOM Tree与Style Rules合成为 Render Tree，实际上是需要将Style Rules附着到DOM Tree上，因此需要根据选择器提供的信息对DOM Tree进行遍历，才能将样式附着到对应的DOM元素上。以下这段css为例<styl
阅读全文
摘要：CSS优化，提高性能的方法有哪些？ 1，首推的是合并css文件，如果页面加载10个css文件，每个文件1k，那么也要比只加载一个100k的css文件慢。 2，减少css嵌套，最好不要套三层以上。 3，不要在ID选择器前面进行嵌套，ID本来就是唯一的而且人家权值那么大，嵌套完全是浪费性能。 4，建立公
阅读全文
摘要：现在HTML5前端不仅仅局限于PC端，HTML5前端还可以实现移动端，实现微信等等，传统的布局单位px，不能是达到自适应的学校过，那么移动端布局有哪些方式呢? 媒体查询 + rem单位布局 说道这个布局，，那么我们首先得了解什么是媒体查询，rem是什么？ 媒体查询：媒体查询可以让我们根据设备显示器的
阅读全文
摘要：1.为什么关注此问题？ 行内元素设置为浮动后，可以设置宽高了，为什么？ 我们知道Html元素分三种 块级元素（display:block）--> 可以设置元素的宽高 行内元素（display:inline）--> 默认不换行,设置width/height无效(可以设置line-height)，mar
阅读全文
浙公网安备 33010602011771号