今天给大家分享一个我在之前工作中遇到的小技巧,是受到营销需求的启发。 关于改造-origin属性,可以说原则上在工作中是没有必要使用的,但是这个属性还是很好的能够达到某些特定的效果。 什么是转型-origin MDN 中的解释是:tra...
今天给大家分享一下我在工作中遇到的一个小问题,那就是IE11滚动条右侧的样式丢失。一开始我使用的是 NiceScroll 插件。兼容性不是很好,你应该使用一些IE11不支持的属性。解决办法是使用mCustomScrollbar.js插件,该...
今天想跟大家分享一个小技巧,那就是这个输入的占位符颜色。因为要考虑到不同的浏览器,所以必须添加不同的浏览器前缀。另外,IE10之前的版本是没有办法设置占位符颜色的。 代码如下: 输入{ &::placeholder { /...
这种条形滚动样式一般适用于移动端,PC端一般假设兼容并使用与好scroll相同的插件。 实现代码如下: /*设置高宽滚动条和背景。高宽适合横条和竖条滚动尺寸*/ ::-webkit-scrollbar { 宽度:.08rem;...
link与@import引入CSS的主要区别如下: link是HTML标签,@import是由css提供的。 链接引入的样式是在页面加载的同时加载的,而@import引入的样式必须等到页面加载完毕后才加载。 Link没有兼容性问题,@...
功能 圣杯布局和双飞翼布局解决的是同一个问题,即两侧顶部宽、自适应中柱的三柱布局。中间的列应该放在文档流的前面,以优先渲染。 差异 圣杯布局,为了不遮挡中间div的内容,为中间div设置左右padding-left和padding-rig...
CSS3 支持的新功能。 边框 边界半径 box-shadow 盒子阴影 border-image 边框图像 背景 background-size 背景图像尺寸 背景-origin背景图片定位区域 background-cl...
隐藏页面元素的方法有哪些?今天我就把常用的方法分享给大家。如有错误,希望大家共同学习、交流。 大致分为占位符和非占位符。 Placeholder的意思是即使隐藏了,点击事件仍然可以被捕获。 占位符 可见性:隐藏; 左边距:-100%;...
今天给大家分享一下常见的CSS选择器和常见的CSS属性继承概述。 选民 通配符 id 班级 标签 后代选民 副投票者 选择兄弟 属性选择器 伪类选择器 伪元素选择器 遗传性状 字母大小 字母粗细 字母样式 字体系列 颜色 以上...
这个在我之前的文章里有具体讲解过。详情可以查看这篇文章链接 定义 BFC代表“块格式化上下文”(Block Formatting Context),对应于IFC。 BFC就像一个“结界”。如果一个DOM元素有BFC,它的内部子元素不会影响外...