{代码...} {代码...} X + Y 相邻选择器 X + Y : 相邻兄弟选择器 选择匹配Y的元素，且该元素为所匹配X元素后面相邻的位置。 {代码...} X > Y 子选择器 X > Y:子包含选择器 选择匹配Y的元素，且该元素为所匹配X元素的子元素。 {代码...} X ~ Y 相邻选择器 X ~ Y: 选择所有后面的兄弟节点们 {代码...} X[title] 属性...

inline也是 CSS 1 提出的属性，它主要用来设置行内元素属性，设置了该属性之后设置高度、宽度都无效，同时text-align属性设置也无效，但是设置了line-height会让inline元素居中

水平居中布局 1.margin + 定宽 {代码...} 相必是个前端都见过，这定宽的水平居中，我们还可以用下面这种来实现不定宽的 2. table + margin {代码...} display: table 在表现上类似 block 元素，但是宽度为内容宽。 无需设置父元素样式 （支持 IE 8 及其以上版本）兼容 IE 8 一下版本需要调整为 <table> 3.inline-b...

CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vmin, vmax。其中 vw 是相对于视口宽度百分比的单位，1vw = 1% viewport width， vh 是相对于视口高度百分比的单位，1vh = 1% viewport height；vmin 是相对当前视口宽高中 较小 的一个的百分比单位，同理 vmax 是相对当前视口宽高中 较大 的一个的百分比单位...

img图片元素多余空隙bug 将图片转换为块级对像 {代码...} 设置图片的垂直对齐方式 即设置图片的vertical-align属性为「top，text-top，bottom，text-bottom」也可以解决 {代码...} 改变父对象的属性 如果父对象的宽、高固定，图片大小随父对像而定，那麽可以设置： {代码...} 设置图片的浮动属性 {代码...} 如果要实现图...