由于 CSS 的封装非常弱，导致了一系列的第三方库，用来加强 React 的 CSS 操作。它们统称为 CSS in JS，意思就是使用 JS 语言写 CSS。根据不完全统计，各种 CSS in JS 的库至少有47种。老实说，现在也看不出来，哪一个库会变成主流。 你可能会问，它们与"CSS 预处理 ...
转载
2021-07-16 16:47:00
397阅读
2评论
快速学会使用require.js1.get start先到官网下载requirejs到本地，官方同时提供Node版本r.js，我们只使用requirejs即可。接下来在页面上写入<scrpit src="/js/require.js"></scrpit>即可。那么业务js呢？我们注意到，官方文档提到了data-main这个属性<script src="js/requi
转载
2024-06-08 22:32:08
76阅读
clear属性值有四个clear:both|left|right|none;作用：该属性的值指出了不允许有浮动对象的边。 这个属性是用来控制float属性在文档流的物理位置的。 当属性设置float（浮动）时，它所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动）,或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clea
原创
2023-09-20 09:48:43
149阅读
主要介绍CSS中常用的属性，以及CSS3新增的属性及其用法
CSS3的常规属性背景属性——background 在css中使用background属性来设置背景，它的值有以下几个：属性描述background简写属性，作用是将背景属性设置在一个声明当中。background-color设置的是背景颜色。（颜色名 十六进制 rgb() rgba()）b
目录结构a.cssp { color: pink}b.css/* 引入 a.css， 注意结尾需要分号 */ @import 'a.css'; /* 或者 @import url('a.css'); */ p { font-size: 30px;}index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
原创
2021-07-09 10:50:28
637阅读
CSS 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width: 100px width:100em。只有两个例外情况可以不定义...
转载
2008-01-09 11:29:00
84阅读
2评论
解决css样式冲突的解决方案官网链接：CSS IN JSstyled-components 是一种新的语法，需要学习CSS Modules 脚手架中已经集成，学习成本也低CSS Modules是独立于框架的一种编写css方案，可以在react中使用，也可以在vue中使用，任何解决css冲突的地方使用css Modules 说明css Modules 在项目中怎么使用###
原创
2022-11-18 10:00:18
100阅读
什么是CS、RS、ESD、EFT/Burst、PFMF、Surge、PQF测试：一、什么是EMC EMI和EMS？1.什么是EMC（电磁兼容性）？电磁兼容性（Electromagnetic Compatibility）缩写EMC是一个设备或装置与其它装置同时操作时，不会因为电磁干扰问题而影响正常工作之能力。EMC(电磁兼容性)也包括EMI（电磁干扰）和EMS（电磁耐受性）。2.什么是EMI（电磁干
转载
2024-04-29 21:52:42
60阅读
1. 为什么使用 CSS Modules？在 React 中，如果你直接在文件中引入 index.css，当父组件和子孙组件的 class 属性相同时，那么会发生 CSS 样式覆盖的问题。如果解决样式覆盖的问题呢？使用 BEM 来解决命名冲突，人为手动为每个 class 属性起一个唯一的名字使用 CSS Modules，自动对 CSS 的 class 属性重命名，保证每一个 class 属性的唯一
转载
2024-04-22 10:52:08
61阅读
1、pointer-events:none 元素永远不会成为鼠标事件的target。 2、not-allowed 禁止 3、-webkit-appearance: none; appearance 属性允许您使元素看上去像标准的用户界面元素。 4、强制折行 word-wrap:break-word;
转载
2016-05-01 09:24:00
86阅读
2评论
语法：STYLE="filter:filtername(fparameter1,fparameter2...)" （Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数） 滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色透明 DropShadow：创建对象的固定影子 FlipH：创建水平镜像图片 FlipV：创建垂直镜像图片 glow：加光辉在附近对象的边外 gray：把图片灰度化 invert：反色 light：创建光源在对象上 mask：创建透明掩膜在对象上 sh...
转载
2012-11-26 13:28:00
263阅读
2评论
引入CSS的方法有两种，一种是@import，一种是link @import url('地址');
<link href="地址" rel="stylesheet" type="text/" />
现在绝大部分的网站都采用后一种link方式，原因在于
@import先加载，后加载
link先加载CSS，后加载。
所以前者加载网页会出现
转载
2017-02-27 15:34:23
1006阅读
Flexbox布局模块，可以更轻松地设计灵活的响应式布局结构，而无需使用浮动或定位。
原创
2019-07-12 11:46:11
675阅读
点赞
语法：display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group
转载
2012-03-06 17:13:00
147阅读
2评论
页面往往是动态变化的，我们经常需要在脚本里对元素的样式进行操作，刚学习js的时候大家都知道通过style属性设置css样式相关的属性，但有时候也想先获取样式，结果发现通过style取到的值是空，这就需要我们对这些概念足够熟练。一、设置样式每个dom元素都具有一个style属性，与平常的属性不一样，style的值是一个CSSStyleDeclaration对象，这个对象的属性代表了该对应元素的内联样
转载
2024-09-07 10:40:07
16阅读
$在JS中本身只是一个符号而异，在JS里什么也不是。 但在JS应用库JQUERY的作者将之做为一个自定义函数名了，这个函数是获取指定网页元素的函数，使用非常之频繁，所以好多新手不知道，还以为$是JS的什么特殊语法。 后来，可能有些程序员JQUERY用得多了，发现$这个函数很好用，很方便，所以，在不用JQUERY的情况，一般自己也会自定义一个$函数。 即： function $(Nid){
re
转载
2023-08-03 15:07:09
126阅读
