margin:0 auto上下外边距0,左右外边距自动,左右自动能让元素在FF等所谓标准的浏览器上按屏幕横向居中
position:relative相对定位
zoom:1这应该是给ie准备的,处理些小bug兼容问题
}
.fbx 是另一个类的名称,后面还没完,有其他东西
指定什么样的元素要看html里面怎么调用的。
你指的是为什么代码全写在一行的话,css是可以写在多行,写完压缩成一行的,可以去掉些空白减少文件大小。
antd 项目,里面有 :global 写法:global 其实是 css module 的一种写法,被其包围的类名不会被编译转换
less 文件:
tsx 文件:
一般css两种写法.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}
.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}
另一种是
.class{样式1:样式1
样式2:样式2
样式3:样式3
样式4:样式4}
border、margin、padding这些可以缩写的标签尽量缩写。
第一种样式写出来样式表会比较小,基本没有多余代码,但是对于修改会比较麻烦一点,第二种方式有比较多的代码(回车和空格会影响文件大小,但是影响不大),但是修改起来比较方便,然而这样竖着写有时样式太多还是容易混乱。现在还没个标准,怎么写顺手就怎么写,简洁主要在布局和使用的样式减少,而不在写法,可以多定义些共用的样式,class="样式1 样式2"可以同时使用多个样式,这样可以节省css代码,而且更清晰