css
rudy24
这个作者很懒,什么都没留下…
展开
-
你可能没注意的CSS单位
扶今追昔 CSS中的单位我们经常用到px、pt、em、百分比,px和pt不用多说 em em是相对单位,参考物是父元素的font-size,具有继承的特点 如果字体大小是16px(浏览器的默认值),那么 1em = 16px 这样使用换算很复杂,尤其是和px对应,大家总结出了经验 body { font-size: 62.5%; } 这样之后 1e转载 2016-03-23 16:17:27 · 251 阅读 · 0 评论 -
clearfix的用法
如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有 clear,导致不能被撑开。看下面的例子: Div布局如下: Css代码如下: .out{border:1px solid #F00; width:500px;} .inner1{width:200px; height:200px; float:left; border:1px so转载 2016-09-02 10:20:18 · 1690 阅读 · 0 评论 -
box-sizing的应用
经过了一代又一代人们意识到数学不好玩,所以他们新增了一个叫做 box-sizing 的CSS属性。当你设置一个元素为 box-sizing: border-box; 时,此元素的内边距和边框不再会增加它的宽度。这里有一个与前一页相同的例子,唯一的区别是两个元素都设置了 box-sizing: border-box; :.simple { width: 500px; margin: 20px原创 2016-09-17 22:09:14 · 301 阅读 · 0 评论 -
仿淘宝右侧导航栏显示隐藏
<!DOCTYPE html> <html> <head> <title>scale</title> <style type="text/css"> body:after{ content: '.'; clear:both; visibility: hidden; }原创 2016-10-21 11:54:09 · 2152 阅读 · 0 评论