随笔分类 -  HTML/CSS

css加载是否会阻塞DOM树的解析和渲染？
摘要：一分钟了解css加载是否会阻塞DOM树的解析和渲染 css加载不会阻塞DOM树的解析； css会阻塞DOM树的渲染,DOM树解析完此时位于该css之前的js片段可获取到DOM，该css之后的js片段被阻塞；（个人理解：先把DOM树的结构先解析完，等css加载完之后再根据最终的样式来渲染DOM树，避免 阅读全文
posted @ 2020-12-09 21:03 Juine 阅读(1361) 评论(0) 推荐(0)
区分white-space、word-wrap和word-break
摘要：一分钟区分white-space、word-wrap和word-break 闲话不扯，进入正文： white-space:no-wrap; 不仅空格被合并，换行符无效，连原本的自动换行都没了！只有</br>才能导致换行！可以理解为永不换行。 word-wrap: break-word; 先换行，新的 阅读全文
posted @ 2020-10-22 18:35 Juine 阅读(208) 评论(0) 推荐(0)
CSS3-css3兼容方法总结
摘要：日积月累中... 去掉number类型输入框上线箭头： 1 <input type="number" ...> 2 3 <style> 4 input::-webkit-outer-spin-button, 5 input::-webkit-inner-spin-button { 6 -webkit 阅读全文
posted @ 2020-03-27 18:00 Juine 阅读(230) 评论(0) 推荐(0)
css-两个div并排，左边宽度固定右边自适应的布局 的实现方法
摘要：<div class= "container"> <div class="left"></div> <div class="right"></div></div> <style>/*方法一： BFC(块级格式化上下文)*/ .container{ width:1000px;height:400px; 阅读全文
posted @ 2018-05-13 10:35 Juine 阅读(505) 评论(0) 推荐(0)
h5 移动端开发自适应 meta name="viewport"的使用总结
摘要：本文系个人理解，可能有误差，仅供参考，谨慎采纳！ 布局视口: 系统自带 一般大于屏幕宽度 理想宽度: 设置页面的viewport 的一个宽度，使不同的手机的布局视口宽度尽量接近可视窗口的值； 可视视口：即屏幕宽度 第一种情况：不显示地设置viewport： 若代码中网页宽度小于设备默认值 按 默认， 阅读全文
posted @ 2018-03-24 15:07 Juine 阅读(1295) 评论(0) 推荐(0)
h5 安卓/IOS长按图片、文字禁止选中或弹出系统菜单 的解决方法
摘要：最近在做IM的语音功能，发现当长按录音的时候手机会弹出来系统菜单，IOS下bug形式：1）长按的标签语音图标设置为css background的形式：不会弹出菜单；2）但是当设置为img时，系统默认识别为保存图片的行为，因而会产生以下系统菜单： 3） 当前标签为纯文字时，会弹出选中文字的系统菜单；安 阅读全文
posted @ 2018-03-14 18:45 Juine 阅读(3532) 评论(0) 推荐(0)
css中设置button的margin-top不起作用如何解决？
摘要：本人资质尚浅，本文只用于个人总结。如有错误，欢迎指正、共同提高。 其实不仅仅是button，所有行内元素都存在这个问题(如span),这个问题的本质区别在于 block，inline和inlinke-block细节； block元素会独占一行，默认情况下，block元素宽度自动填满其父元素宽度； 2 阅读全文
posted @ 2016-11-16 10:52 Juine 阅读(2912) 评论(0) 推荐(0)