随笔分类 -  css

摘要：less和sass都是css的预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。我们将会从语法、变... 阅读全文

摘要：1 px和emcss 中最常用的度量单位就是px 了，那么em 被定义为相对于当前对象内文本的字体大小。炒个栗子，如果你给body小哥设置了font-size字体大小，那么body小哥的任何子元素的1em就是等于body设置的font-size。 1 2 Test 3 1 body {2 ... 阅读全文

摘要：我们都知道在设置透明度的时候 ，IE低版本时，是不支持opacity的 ，只支持filter。所以一般在设置透明度时，我们会写上.opacity4 ｛ opacity: 0.4; filter:alpha(opaity=40);}但是其实rgba()也可以设置透明度，那么rgba()到底... 阅读全文

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

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

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

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