css
垃圾侠
这个作者很懒,什么都没留下…
展开
-
PC触摸屏滑动问题及禁止浏览器默认滑动行为
PC端触屏项目,滑动时会引发浏览器默认动作,比如左右滑动时,会触发浏览器的前进、后退行为,此外,浏览器还带有缩放行为,而一般情况下,项目中是不需要这些行为的,而单纯的禁用浏览器默认行为的代码,会影响浏览器的上下滚动等正当需求,因此需要对禁用默认行为的触发条件进行判断,代码如下:let box = document.querySelector(".app-main"); box.addEventListener("touchstart", function (e) { this.原创 2021-04-25 15:52:46 · 1867 阅读 · 0 评论 -
less常见使用方法
1. 变量// Variables@link-color: #428bca; // sea blue@link-color-hover: darken(@link-color, 10%);// Usagea,.link { color: @link-color;}a:hover { color: @link-color-hover;}.widget { color: #fff; background: @link-color;}Selector原创 2020-10-06 13:54:59 · 503 阅读 · 0 评论 -
sass常见使用方法
1. 变量引用$highlight-color: #F90;.selected { border: 1px solid $highlight-color;}//编译后.selected { border: 1px solid #F90;}sass的变量名可以与css中的属性名和选择器名称相同,包括中划线和下划线。这完全取决于个人的喜好,有些人喜欢使用中划线来分隔变量中的多个词(如$highlight-color),而有些人喜欢使用下划线(如$highlight_color)。原创 2020-10-04 22:12:08 · 1088 阅读 · 0 评论 -
如何修改antd默认全局样式
在研究antd-pro的时候,发现了:global{}这样的写法,没明白是什么意思,遂百度之。经查后发现,这是修改全局样式的写法。比如我在antd-pro中看到的::global { .ant-tag { margin-right: 24px; padding: 0 8px; font-size: @font-size-base; } }上面代码就是要修改antd原有的.ant-tag的样式,于是在外面加了一层:global包裹起来。然而原创 2020-06-04 12:41:20 · 10330 阅读 · 0 评论 -
IE6、IE7的a标签下划线问题
在IE8及以上浏览器中,a标签原创 2014-09-11 15:26:21 · 2139 阅读 · 0 评论 -
在文字前加图标技巧
在css布局时,先将文字内容布局原创 2014-09-23 22:17:53 · 2691 阅读 · 0 评论 -
行内元素在设置成浮动后,自动变为块状元素
如a标签在设置float:left;后,自动转为块状元素,即便不设置display原创 2014-09-13 20:51:47 · 1571 阅读 · 0 评论 -
div自适应宽度方法
若想外层div框自适应宽度,则需设置该div的position为原创 2014-09-24 13:59:03 · 821 阅读 · 0 评论 -
三步安装使用sass
第一步:安装sass,详见:https://www.sass.hk/install/,内容全面,比较权威;第二步:在IDE中安装sass插件,本人在idea中安装的,主要安装了File Watchers插件,并进行了相应配置,具体配置方式百度可搜索,也可在vscode中安装插件;第三步:新建scss文件,(在新建scss文件时会同时生成同名的.css文件和.map文件)并在scss文件中写...原创 2018-10-09 18:13:28 · 187 阅读 · 0 评论