摘要：写过很多页面的样式，但是却少有理论的基础，近日看到了关于BFC和一些关于magin collapse的知识 ，决定系统的整理一下。一、BFC是什么？BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， ... 阅读全文

摘要：Css篇：1.有哪项方式可以对一个DOM设置它的CSS样式？ 外部样式表，引入一个外部css文件内部样式表，将css代码放在标签内部内联样式，将css样式直接定义在HTML元素内部2.CSS都有哪些选择器？派生选择器（用HTML标签申明）id选择器（用DOM的ID申明）类选择器（用一个样式类名申明... 阅读全文

摘要：Html篇：1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE:trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit，G... 阅读全文

摘要：同样，看到一个css的面试题，修复侧边栏我们在实际开发中经常也会遇到这个问题，这两列分别是75%和25%的宽度，并且使用浮动方法，侧边栏依旧掉下去。原因是由于例实际宽度超过了100%——由于padding，它们加起来超过了。我们现在用两种办法来解决。1.box-sizing所以在上面这个测试题中我们... 阅读全文

摘要：最近在看css 的面试题，发现了一个很有趣的题目，如下图看到这个面试题的时候，首先我们要考虑以下几个问题：1.如何处理按钮多边框？2.如何设置按钮背景效果？3.如何显示两个五角星效果？4.如何给字体增加效果？解决：1.多边框 box-shadow先介绍一下CSS Box Shadow 的语法box-... 阅读全文

摘要：我们经常会遇到这样的情况，在一个容器里，我们可能需要中间展示图片而左右是文字块。那么我们如何用最少的浮动来达到这个效果呢？因为img 是一个特殊元素，它不属于块元素也不属于内联元素。所以经过尝试，发现了以下办法。 righ... 阅读全文