达里尔 达里尔
2年前
用css的方式取消div的鼠标点击事件
有时候一些场景需要禁止对div等元素进行点击事件,这个时候如果用js的方法会费时费力,代码量还多,这个时候可以用这个css方法来禁止鼠标点击事件css.divpointerevents:auto|none;/这里的属性为none就是不可被点击/
Easter79 Easter79
3年前
table超出长度隐藏的字符用省略号表示
<!doctypehtml <htmllang"en" <head   <metacharset"UTF8"/   <title表格演示</title   <styletype"text/css"     table{        wid
徐小夕 徐小夕
4年前
前端开发中79条不可忽视的知识点汇总
过往一些不足的地方,通过博客,好好总结一下。1.css禁用鼠标事件css.disabled{pointerevents:none;cursor:default;opacity:0.6;}2.get/post的理解和他们之间的区别http超文本传输协议(HTTP)的设计目的是保证客户机
Stella981 Stella981
3年前
CSS兼容性(IE和Firefox)技巧大全
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声明。CSS技巧1.div的垂直居中问题verti
Wesley13 Wesley13
3年前
ATOM常用插件
emmet快捷键:tab作用:html、css简写效果:具体参照emmet文档,可以按照emmet的规范,快速编写html和css,这个插件已经很有名了,就不多说,不过在atom上,快捷键会冲突,可以使用ctrlaltEnter打开输入栏输入emmet语法!(https://static.oschi
Wesley13 Wesley13
3年前
JBolt开发平台入门(14)
项目中,单表操作CURD,一个界面里,有增删改查的操作,有分页,有个Table显示数据,有按钮点击操作就行了。常见的样式:!常见样式(https://oscimg.oschina.net/oscnet/77df450476a512e6343cf793955c218e1f4.jpg)除了单表操作管理,还有一些业务是主从表管理,一个主表对
Wesley13 Wesley13
3年前
video 铺满父元素(object
 遇到这个属性,是在给video嵌入一个div时,导致video播放器上下有灰色。在控制台查看video默认样式的时候看到了这个属性。!(https://oscimg.oschina.net/oscnet/c205babf0fc5ff45bb1f1b4bebbef684d2a.jpg)播放器上下的灰色,不是我们想要的样式,如果能完全覆盖就更好了。
Stella981 Stella981
3年前
Sass之混合宏、继承、占位符
  1、混合宏。    当样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目的了。这个时候混合宏就派上用场了。  而使用混合宏时,首先要声明混合宏,而声明混合宏时有两种,不带参数混合宏和带参数混合宏两种。  1.1不带参数混合宏的声明要使用关键词@mixin。例如:  @mixinborderradi
Stella981 Stella981
3年前
Chrome 75 将原生支持图片的惰性加载
!(https://oscimg.oschina.net/oscnet/e6f244be9e5b2aadb16d8effa40fc569e28.gif)随着浏览器性能的提升,前端也越来越关注用户体验,而影响用户体验其中一个很重要的指标便是受首屏渲染速度。我们常常会针对样式、脚本、图片、音频、视频等资源做处理,比如针对样式和脚本的压缩合并,
什么???CSS也能原子化! | 京东云技术团队
1.什么是原子化CSS?AtomicCSSistheapproachtoCSSarchitecturethatfavorssmall,singlepurposeclasseswithnamesbasedonvisualfunction.上文的意思翻译过来就