随笔分类 - 前端 / 前端--HTML/CSS
摘要：属性 | 值 | 说明 | CSS | | | | | | background-color | 指定要使用的背景颜色 | 1 | | background-position | 指定背景图像的位置 | 1 | | background-size | 指定背景图片的大小 | 3 | | backgr
阅读全文
摘要：1 使用情景 box使用了flex布局，让div1和div2两端对齐，box未设置宽度，其宽度是自适应的，div2的宽度是固定的，div1的宽度理想状态是box的宽度减去div2的固定宽度。 简单来说就是要求，div2固定宽度，div1宽度自适应占满剩余空间。 2 问题 div1长度没超长的时候，没
阅读全文
摘要：1、PC端 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | 14.1寸、15.
阅读全文
摘要：https://www.cnblogs.com/shimily/articles/8032450.html
阅读全文
摘要：https://www.runoob.com/w3cnote/flex-grammar.html
阅读全文
摘要：https://segmentfault.com/a/1190000013023485 https://segmentfault.com/a/1190000015440230
阅读全文
摘要：.3gpp audio/3gpp， video/3gpp 3GPP Audio/Video .ac3 audio/ac3 AC3 Audio .asf allpication/vnd.ms asf Advanced Streaming Format .au audio/basic AU Audio
阅读全文
摘要：原文地址： https://blog.csdn.net/u012207345/article/details/82744505 另参考： https://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-orde
阅读全文
摘要：⇠ 箭头类 符号UNICODE符号UNICODE HTMLJSCSSHTMLJSCSS ⇠ ⇠ \u21E0 \21E0 ⇢ ⇢ \u21E2 \21E2 ⇡ ⇡ \u21E1 \21E1 ⇣ ⇣ \u21E3 \21E3 ↞ ↞ \u219E \2
阅读全文
摘要：文档流(normal flow) position: static 该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 top、right、bottom、left 属性无效。static是position的默认值。 position: relative 该关键字下，元素先放
阅读全文
摘要：当对盒子内的子元素应用float后，导致对象父元素内有高度，不能被撑开自使用高度。这是因为对子元素使用float之后，脱离了正常流，使得父元素没有高度导致的。 解决办法： 1.为父元素设置高度：适用于知道父级高度的情况，缺点是父级元素不能自适应 2.使用clear:both清除浮动：这里注意是在父元
阅读全文
摘要：原文：https://www.cnblogs.com/lovling/p/8000363.html 方法一, 利用 css 3 的新特性 -webkit-scrollbar, 但是这种方式不兼容 火狐 和 IE 方法二, 利用内外层嵌套, 模拟, 兼容所有浏览器, 相对于方法一比较麻烦, 使用时不能
阅读全文
摘要：tab1 tab2 condition info ul.tabNav{ ...
阅读全文
摘要：input与button等代码换行写，会有空隙， ff、chrome（IE上会屏蔽掉）会将代码中的换行或空格解析为“空文本节点” 去除之间的空隙有2种方法： ①将父级元素的字体设置为0px font-size:0px; ②两个标签代码写在一行中
阅读全文
摘要：#testDiv{ margin: 1.5rem 5rem 1rem 5rem; background-color: #ebf1fe; border: 1px solid #cdcdcd; padding: 1rem 1.5rem 2rem; position: relative; } ...
阅读全文
摘要：1.设置input 属性hidden对该input进行隐藏，或者通过display:none也可以 2. 借助label for标签通过id绑定input ，这样在点击label时实际就是点击了input checkbox 类似，处理将type换成 checkbox 还有一种 checkbox 样式
阅读全文
摘要：input::-webkit-input-placeholder{ color:#999999; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#99...
阅读全文
