随笔分类 - HTML+CSS
摘要:1.块级元素和行内元素的区别块级元素即使设置了宽度,仍然是独占一行的,块级元素可以设置margin和padding属性。行内元素的margin和padding属性只有水平边距,没有竖直边距。竖直方向的padding虽然增大了行内元素的面积,但并没有和相邻元素拉开距离。2.display:inline-block和hasLayout为了兼容IE6、IE7(不支持display:inline:block),我们真正能使用的display类型只有inline,block和none.display:inline-block集块级元素和行内元素的特点于一身。为了使IE6、IE7实现display:inl
阅读全文
摘要:模块拆分原则:1.模块与模块之间尽量不要包含相同的部分,如果有相同的部分,应将它们提取出来,拆分成一个独立的模块.2.模块应在保证数量尽可能少的原则下,做到尽可能的简单,以提高重用性。CSS调用:1.将相同的部分抽取出来单独成为一个calss2.多用组合,少用继承3.多使用<div calss="a b c"></a>,少使用<div class="a_b_c"></div>上下边距(Margin):1.如果不确定模块的上下margin特别稳定,最好不要讲它写到模块的类里,而使用类的组合,单独为上下marg
阅读全文