2022-2-22
visibility：inherit | visible | collapse | hidden（内容隐藏，物理位置不隐藏）
display：none；全部隐藏
设置或检索是否显示对象。与display属性不同，此属性为隐藏的对象保留其占据的物理空间。
inherit：继承上一个父对象的可见性
visible：对象可视
hidden：对象隐藏
collapse：主要用来隐藏表格的行或列。隐藏的行或列能够被其它内容使用，对于表格外的其他对象，其作用等同于hidden（ie5.5尚不支持）
单位区分：px em % vh vw wm rem
css里面的1px并不等于设备里的1px
ideal viewport（理想视口） 并没有固定的尺寸，不同的设备拥有不同的ideal viewport
移动端用浮动布局需要加viewport，单位用相对布局，（块级%，字体用em）；大于等于两列内容的可以用float，但是附元素要清除浮动clear：both，并且外面不需要content包裹
2022-2-23
sprite（精灵）也称作雪碧图
雪碧图我们也叫css精灵，是css图像合成技术
但我们开发人员往往将小图标合并在一起之后的图标称作雪碧图
测试从三个不同的方向：操作系统，浏览器，分辨率，（iOS、 安卓、鸿蒙）pc（window 、mac，iOS改版）放大缩小，改变自己的分辨率、
trident核心（ie)
gecko(火狐）webkit（ios）prest（欧鹏opera）
css hack：针对不同的浏览器写不同的css code的过程，就叫css hack！
条件注释：就是一些if判断;但是这些判单不在脚本里执行在html里执行
<! [if ie]>
这里只在ie浏览器中显示
<! [endif]>
判断条件lte小于等于、lt小于、gte大于等于、gt大于、！-（不等于）
ie7引入
ie6
默认
注：所有的hack都是针对ie浏览器
“\9”例：“border：1px 、\9”；可以区别所有的ie和firefox
“\0” ie8识别，ie6ie7不能
“*”ie6、7可以，ie8、firefo不能
“-”ie6可以 ie7、8、firefo不能
css权重概念
权重，是一个相对的概念，是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度
权重系数，是表示某一指标项在系统中的重要程度，他表示在其他指标项不变的情况下，
css权值：每一个css的选择器都有一个相对的重要的程度值，也就
css通过css选择器的权重占比，来计算css选择规则的总权值，从而确定定义样式规
从”css权重的理解“中得知，原来所谓的css选择规则的优先级是按照css选择器的权值的比较
根据权重，css的优先级如下：
1.先从高等级进行比较，高等级相同时，在比较低等级，以此类推；
2.完全相同的话，就采用后者优先原则（也就是样式覆盖）
3.css属性后面加！important时，无条件绝对优先（比内联样式还要优先）
css3
E[attr]:指定css样式对具有attr属性的e元素
E[attr=value]：指定该css样式对所有包含attr属性，且attr属性为value的E元素
E[attr~=value]：指定该css样式所有包含attr属性，且attr属性的值为空格隔开的系列值，其中某个值代表valueE的元素起作用
E[attr|= value]：指定改样式对所有包含attr属性，且attr属性的值为以连字符分隔的系列值，其中第一个值value的tag元素起作用
E[^=value]:指定改样式对所有包含attr属性，且attr属性的值为以value开头的字符串E元素起作用
E[$=value]:指定改样式对所有包含attr属性 ,且attr属性的值为以value结束的字符串E元素作用
E[*=value]：指定改样式对所有包含attr属性 ，且attr属性的值为包含value的字符串E元素起作用
