css回忆
- test-align:justify，文本随浏览器窗口大小改变
- li里面有a,img时的高度问题
<ul> <li><a><img src="xx.jpg"></a></li> //显示的时候li会多一点高度，需要把a和img设置display：block; </ul>
- 文字方向：direction:rtl
- 单词间空隙：word-spacing
- 字体大小：body{font-size:100%;}，配合p{font-size:0.875em;}，所有浏览器可以显示相同文本大小，并允许缩放
-
ul //兼容性 { list-style-type: none; padding: 0px; margin: 0px; } ul li { background-image: url(sqpurple.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; } - visibility仍占据空间，display隐藏空间
-
当设置元素 visibility: collapse 后，一般的元素的表现与 visibility: hidden 一样，也即其会占用空间。但如果该元素是与 table 相关的元素，例如 table row、table column、table column group、table column group 等，其表现却跟 display: none 一样，也即其占用的空间会释放。
在不同浏览器下，对 visibility: collapse 的处理方式不同：
- 1、visibility: collapse 的上述特性仅在 Firefox 下起作用。
- 2、在 IE 即使设置了 visibility: collapse，还是会显示元素。
- 3、在 Chrome 下，即使会将元素隐藏，但无论是否是与 table 相关的元素，visibility: collapse 与 visibility: hidden 没有什么区别，即仍会占用空间。
- sticky,position: -webkit-sticky; /* Safari */(ie老版本不支持)
- 透明img { opacity:0.4; filter:alpha(opacity=40); /* IE8 及其更早版本 */ }
-
"拼接字符串" 类型的比较符号: *=, ^=, $= 1.attribute 属性中包含 value: [attribute~=value] 属性中包含独立的单词为 value，例如： [title~=flower] --> <img src="/i/eg_tulip.jpg" title="tulip flower" /> [attribute*=value] 属性中做字符串拆分，只要能拆出来 value 这个词就行，例如： [title*=flower] --> <img src="/i/eg_tulip.jpg" title="ffffflowerrrrrr" /> 2.attribute 属性以 value 开头: [attribute|=value] 属性中必须是完整且唯一的单词，或者以 - 分隔开：，例如： [lang|=en] --> <p lang="en"> <p lang="en-us">[ attribute^=value] 属性的前几个字母是 value 就可以，例如： [lang^=en] --> <p lang="ennn"> 3.attribute 属性以 value 结尾: [attribute$=value] 属性的后几个字母是 value 就可以，例如： a[src$=".pdf"]
TP-LINK一面411人在聊