随笔分类 -  HTML/CSS

CSS selector? [class*=“span”]怎么理解
摘要：我在Twitter 中有看到如下selector:.show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; ... 阅读全文
posted @ 2015-02-01 00:29 FLYMOOD 阅读(757) 评论(0) 推荐(0)
css-position:absolute, relative 的用法
摘要：static(静态)没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。就无法通过top,left ,bottom,right 定位。(static 为默认值) relative(相对定位)对象不可层叠、不脱离文档流，参考自身静态位置通过 top,bottom,left,rig... 阅读全文
posted @ 2015-01-31 16:40 FLYMOOD 阅读(329) 评论(0) 推荐(0)
css:html-font-size
摘要：font-family:"Helvetica Neue",Helvetica,Arial,sans-serif 阅读全文
posted @ 2015-01-24 00:12 FLYMOOD 阅读(193) 评论(0) 推荐(0)
css-box-shadowing
摘要：box-shadow: h-shadow v-shadow blur spread color inset;注释：box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。值描述测试... 阅读全文
posted @ 2015-01-24 00:08 FLYMOOD 阅读(286) 评论(0) 推荐(0)
css- :before :after
摘要：:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下：#example:before { content: "#"; color: red;}#example:after { cont... 阅读全文
posted @ 2015-01-23 23:55 FLYMOOD 阅读(542) 评论(0) 推荐(0)
css: line-height 与box-sizing
摘要：css1、line-hight:行高line-height，是文本行基线这件的距离，不是字体大小，它确定了各个元素框的高度增加或减少多少。对于块级元素：定义了元素中文本基线之间的最小距离。line-height并不影响替换元素的布局，但是确实可以应用到替换元素。行间距：line-height - f... 阅读全文
posted @ 2015-01-23 23:23 FLYMOOD 阅读(754) 评论(0) 推荐(0)