摘要: pointer-events css 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。 /* Keyword values */ pointer-events: auto; pointer-events: none; pointer-events: visibl 阅读全文
posted @ 2020-09-26 15:19 酷儿q 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 前言 项目启动时 css 应该注意哪些问题 文件名规范 文件名建议用小写字母加中横线的方式。为什么呢?因为这样可读性比较强,看起来比较清爽,像链接也是用这样的方式,例如 // 地址: github的地址 https://github.com/wangjeaf/ckstyle-node 那为什么变量名 阅读全文
posted @ 2020-09-26 15:18 酷儿q 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 具体用法 使用 -- 声明变量,使用 var() 函数获取变量。 :root{ --header-height: 70px; } body { --color: white; } .header { height: var(--header-height); } var() 函数还可以使用第二个参数 阅读全文
posted @ 2020-09-26 14:59 酷儿q 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。 <input type="text" value="哈哈哈" readonly="readonly"> 2:disabled 被禁用的 input 元素可复制,不能 阅读全文
posted @ 2020-09-26 14:43 酷儿q 阅读(2403) 评论(0) 推荐(0) 编辑
摘要: 自适应的椭圆 1.自适应的椭圆 实现方式是通过border-radius这个属性;border-radius它可以单独指定水平和垂直半径。用 / 分隔这两个值。并且该属性的值不仅可以接受长度值,还能接收百分比的值。百分比的值会基于元素的尺寸进行解析,宽是水平半径的解析,高是垂直半径的解析。 所以可以 阅读全文
posted @ 2020-09-26 14:40 酷儿q 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 设置滚动条的样式: div::-webkit-scrollbar { width: 0; } 关于::-webkit-scrollbar ::-webkit-scrollbar css伪类选择器影响了一个元素的滚动条的样式 ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例 阅读全文
posted @ 2020-09-26 14:39 酷儿q 阅读(417) 评论(0) 推荐(0) 编辑
摘要: 在前端开发过程中,我们经常会使用到浮动(float),这个我们即爱又恨的属性。爱,是因为通过浮动,我们能很方便地进行布局;恨,是因为浮动之后遗留下来太多的问题需要解决。下面本篇文章给大家介绍css清除浮动的几种方法,希望对大家有所帮助。 方法1:使用带clear属性的空元素 使用空标签清除浮动:在需 阅读全文
posted @ 2020-09-26 14:35 酷儿q 阅读(709) 评论(0) 推荐(0) 编辑
摘要: web系统中免不了要使用大量的JavaScript和css文件,如开源的JavaScript框架prototype、jquery、extjs-core等等,通常我们需要压缩js和css文件,那么压缩js和css有什么作用呢? js css压缩的作用: 1、减小了文件的体积 2、减小了网络传输量和带宽 阅读全文
posted @ 2020-09-26 14:33 酷儿q 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 在通过ajax或者src动态获取js、css文件的时候,我们常常需要判断文件是否加载完成,以便进行进一步的操作。那么如何判断css是否加载完成? 豌豆资源搜索网站https://55wd.com 电脑刺绣绣花厂 ttp://www.szhdn.com 判断CSS是否加载完成的方法: 在head标签内 阅读全文
posted @ 2020-09-26 14:29 酷儿q 阅读(566) 评论(0) 推荐(0) 编辑
摘要: 最近做移动端页面时,经常会用到inline-block元素来布局,但无可避免都会遇到一个问题,就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题,需要把间隙去掉。对于inline-block元素及去掉间隙的方法,在这里做一个简单的总结。 inline-block是什么? in 阅读全文
posted @ 2020-09-26 14:27 酷儿q 阅读(203) 评论(0) 推荐(0) 编辑