摘要：第一章 CSS和文档 1、结构化HTML：（个人理解） 1、内容、样式、行为分离 2、标签语义化，什么样的标签做什么样的事 3、符合web标准 4、结构清晰，header、content、footer。减少公共部分的重复代码。 2、非结构化页面使得建立内容索引变得困难；降低可访问性；不利于维护。 3 阅读全文

摘要：1、如果是单行文本： 2、如果是多行文本，将文本框高度设为文字行高的倍数，然后在文本后建一个content为“...”的宽度为1em并设置文本背景色的after伪类，相对文本框设置绝对位置为下0右0；这样可以在视觉上实现同样的省略效果。 3、或者直接在文本框后新建一个元素，比如 这个右下角显示详情， 阅读全文

摘要：方法一、使用line-heigh使多行文字居中或图片居中 把文字包裹在一个inline-block元素中vertical-align middle，外部元素line-heigh等于高度 图片居中： 效果： 方法二：使用flex布局实现居中（更简单，不支持IE9） HTML如下： CSS如下： 方法三 阅读全文

摘要：根据张鑫旭老师的博客，一些笔记留作备忘 1、position：absolute 具有包裹性——包裹性换种说法就是让元素inline-block化，例如一个div标签默认宽度是100%显示的，但是一旦被absolute属性缠上，则100%默认宽度就会变成自适应内部元素的宽度。float也是典型的inl 阅读全文

摘要：根据海玉的博客 这个问题发生的原因是根据规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 再说白点就是：父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者paddi 阅读全文