摘要: 五、用window对象的getComputedStyle方法,第一个参数是Element对象,第二个参数可以是null、空字符串、伪元素字符串,该方法返回一个只读的表示计算样式的CSSStyleDeclaration对象,它代表了实际应用在指定元素上的最终样式信息,即各种CSS规则叠加后的结果; 如 阅读全文
posted @ 2022-01-27 12:47 昊昊嘞 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式 如:var elm = document.getElementById('test'); elm.style.color = 'black'; 二、通过Element对象的getAt 阅读全文
posted @ 2022-01-27 12:45 昊昊嘞 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 5. 改变class 比如JQ的更改class相关方法 因JS获取不到css的伪元素,所以可以通过改变伪元素父级的class来动态更改伪元素的样式 element.className = 'blue'; element.className += 'blue fb'; 6. 设置cssText ele 阅读全文
posted @ 2022-01-27 12:34 昊昊嘞 阅读(99) 评论(0) 推荐(0) 编辑
摘要: 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; element.style.height = 阅读全文
posted @ 2022-01-27 12:31 昊昊嘞 阅读(284) 评论(0) 推荐(0) 编辑
摘要: 前言 一直比较喜欢收集网页特效,很多时候都会遇到CSS被压缩过的情况,这时查看起来就会非常不方便,有时为了减少文件大小,也会对自己的CSS进行压缩,网上提供这样服务的很多,但都不尽如人意,因此打算自己动手写一个JS来进行CSS的格式化和压缩 原理 CSS的结构如下: 选择器{ css属性声明:值;} 阅读全文
posted @ 2022-01-27 12:29 昊昊嘞 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 首先将html,body的height都设置100%。 同时React 根元素高度也设置100%。 html, body, #root { height: 100%; } 之后,就可以设置全屏幕的背景颜色等等: body { font-family: Raleway, sans-serif; mar 阅读全文
posted @ 2022-01-24 18:58 昊昊嘞 阅读(490) 评论(0) 推荐(0) 编辑
摘要: 1.第一种情况:文字在DIV中垂直水平居中小技巧 例如: html源码展示: 1 <div id="HMDYH"> 2 黑名單用戶 3 </div> CSS源码展示 1 #HMDYH { 2 width: 560px; 3 height: 100px; 4 border: 1px initial # 阅读全文
posted @ 2022-01-24 18:55 昊昊嘞 阅读(60) 评论(0) 推荐(0) 编辑
摘要: font字体 目标:能够使用字体和文本相关样式修改元素外观样式 字体大小 属性名:front-size 取值:数字+px 注意点:谷歌浏览器的默认值是16px,单位需要设置,否则是无效的。 <style> p{ font-size: 30px; } </style> </head> <body> < 阅读全文
posted @ 2022-01-24 18:53 昊昊嘞 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; element.style.height = 阅读全文
posted @ 2022-01-19 11:15 昊昊嘞 阅读(1096) 评论(0) 推荐(0) 编辑
摘要: 一直比较喜欢收集网页特效,很多时候都会遇到CSS被压缩过的情况,这时查看起来就会非常不方便,有时为了减少文件大小,也会对自己的CSS进行压缩,网上提供这样服务的很多,但都不尽如人意,因此打算自己动手写一个JS来进行CSS的格式化和压缩 原理 CSS的结构如下: 选择器{ css属性声明:值;} 所以 阅读全文
posted @ 2022-01-19 11:13 昊昊嘞 阅读(194) 评论(0) 推荐(0) 编辑