css的 #globalContainer{margin:0 auto;position:relative;zoom:1}.fbx 这样的写法是什么意思?

html-css011

css的 #globalContainer{margin:0 auto;position:relative;zoom:1}.fbx 这样的写法是什么意思?,第1张

#globalContainer{

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代码,而且更清晰