weixin_44269229的博客

下面介绍关于如何合理布局浏览器网页我们可以选了解以下属性：float:left,right;margin;padding;position;欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行...

不常用的CSS文本属性以及需要知道的相关知识letter-spacing: 控制英文字母或者汉字的间距；word-spacing: 控制英文单词的间距；layout-flow:horionzl(文档流从左到右；)；/vertical-ideographic;(文档流从上到下；)网页上面常用的图片格式：jpg;gif;png;三者有很大的区别：相同点是：都是有损压缩格式；不同点是...

清除浮动的方法首选介绍一种常用的万能清除浮动的方法：没有兼容性的问题；父元素选择器：after{content:’.’;clear:both;display:block;height:0;overflow:hiddern;visibility:hidden;}其次：还有一种方法那就是；有缺陷的给父元素添加声明：overflow:hidden;缺点是：当子元素设置有定位属性时并且定位到父元...

js执行会阻塞DOM树的解析和渲染，css的加载也会阻塞DOM树的解析，但是不会阻塞DOM树的渲染经过测试：当css还没加载出来的时候，页面显示白屏，直到css加载完成之后，红色字体才显示出来，也就是说，下面的内容虽然解析了，但是并没有被渲染出来。所以，css加载会阻塞DOM树渲染。个人对这种机制的评价其实我觉得，这可能也是浏览器的一种优化机制。因为你加载css的时候，可能会修改下面DOM...

什么是图片整合？用“background-position”来实现背景图片的定位技术，这种技术可以成为css sprites技术，又称为css精灵。将导航背景图片，按钮，背景小图标等小图片有规则的合并成一张背景图，即将多张图片合并为一张整图，再利用background属性进行背景定位，用数字精确的定位出背景图片在布局盒子中的位置；图片整合的优势：通过图片整合来减少对服务器的请求次数，从而提...

记录利用CSS完美解决前端图片变形问题一、让图片的宽度或者高度等于容器的宽度或高度，多余的裁掉，然后让图片居中：<style type="text/css">div{ width: 200px; height: 200px; overflow: hidden; border: 2px solid red; position: relativ...

解决Vue初始化的时候，页面闪烁现象使用vue开发时，在vue初始化之前，由于div是不归vue管的，所以我们写的代码在还没有解析的情况下会容易出现花屏现象，看到类似于{{message}}的字样，虽然一般情况下这个时间很短暂，但是我们还是有必要让解决这个问题的就是在我的根dom上加上 style=“display: none;” :style="{display: ‘block’}"&l...

H5出现蒙版后，禁止屏幕滚动jquery方法：// 遮罩出来后让body不可滚动$(“html”).add(“body”).css({“overflow”:“hidden”})// 遮罩去掉之后body 可滚动$(“html”).add(“body”).css({“overflow”:“auto”})...

文字、字母以及数字的换行不换行问题解决word-break:break-all(表示按照单个字母或者数字去换行，不保证单词的完整性)；word-break:break-word（表示按照单词去换行，确保单词完整)；要求强制不换行：white-space:nowrap...