css
WebKoalaBoy
Nothing is impossible
展开
-
前端技巧必备:重置样式表reset.css
下面是Eric Meyer 写的重置样式表reset.css。这个样式表不仅重置了外边距和内边距,还对很多元素在跨浏览器显示时的外观进行了标准化。/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blo.原创 2020-11-03 09:42:06 · 966 阅读 · 0 评论 -
纯CSS实现分栏宽度拉伸调整
Html:<div class="column"> <div class="column-left"> <div class="resize-bar"></div> <div class="resize-line"></div> <div class="res...原创 2020-01-01 23:54:32 · 1532 阅读 · 0 评论 -
Bootstrap修改caret大小
caret不是字体图标,不能通过width/font-size进行修改,caret的样式是由border属性进行控制的,查看bootstrap源码。.caret {display: inline-block;width: 0rem;height: 0rem;margin-left: 0.125rem;vertical-align: middle;border-top: 0.25...原创 2018-08-14 10:56:57 · 882 阅读 · 0 评论 -
适应大分辨率显示屏操作
1、设置html的font-size属性html{ font-size : 16px;}2、修改其他css的属性单位为remrem :相对长度单位。相对于根元素(即html元素)font-size计算值的倍数当前 font-size 为 16px,所以px->rem 计算公式为 1px = 1/16 rem 例如:.common li { cl...原创 2018-08-14 18:08:15 · 318 阅读 · 0 评论 -
随笔:简单的蒙版加载页面实现
html <div id="loading" style="display: none"> <div class="loading" > <div class="ldl_Conten"> <img src="/resources/image原创 2018-09-07 17:22:35 · 544 阅读 · 0 评论 -
30分钟彻底弄懂flex布局(本文转自腾讯云加社区,自己收藏学习)
原文地址:https://www.cnblogs.com/qcloud1001/p/9848619.html目前在不考虑IE以及低端安卓机(4.3-)的兼容下,已经可以放心使用flex进行布局了。什么是flex布局以及它的好处,这里就不再赘述。在这篇文章里,想说说flex布局的属性语法及其细节。那么网上也有不少flex布局的教程,为什么又要再写一篇?首先,flex布局的迷之属性们...转载 2019-05-05 11:14:03 · 276 阅读 · 0 评论 -
解决每次上线更新文件需要手动清除缓存的问题-------js 、css自动清除浏览器缓存方法
说明1.分享页更新后,浏览器总是有缓存,须手动清理才能加载修改后的CSS和JS,故在加载地址后动态添加一个随机数(或时间戳)来确保每次加载的文件都不同来消除缓存。2.在加载js文件时,被加载js文件字符串的结束标签 </script>会与本段js代码的开始标签<script>配对,解决办法参照下面示例代码。清除css文件<script> ...原创 2019-06-12 09:44:47 · 13715 阅读 · 3 评论