随笔分类 -  HTMLCSS

摘要:文章简介:众所周知,有些时候为了实现IE下的某些效果与现代浏览器一致,我们不得不使用一些hack手段来实现目的。比如说使用“\0”,“\”和“\9”来仅让IE某些版本识别,而对于现代浏览器来说,他会直接无视这些代码。今天我想为大家介绍的是使用@media实现IE hack的方法.随着Responsi... 阅读全文
posted @ 2015-08-12 20:06 金帛 阅读(2559) 评论(0) 推荐(0)
摘要:1、基本概念1. 基线、底线、顶线、中线注意:基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。2. 内容区内容区是指底线和顶线包裹的区域(行内元素display:inline可以通过background-color属性显示出来),实际中不一定看得到,但确实存在。内容区的... 阅读全文
posted @ 2014-11-27 17:34 金帛 阅读(12868) 评论(6) 推荐(3)
摘要:文章的起因,我只是为了回复一个帖子,http://bbs.csdn.net/topics/390908928?page=1结果,一扯就根本停不下来。索性,一捅为快,反正是周末。拿到效果图时,有这么几步,就我了解的情况做一下分享,不一定全部都是科学,但可以部分借鉴。我先说一下,熟练后拿到效果图时这样的... 阅读全文
posted @ 2014-10-20 12:07 金帛 阅读(408) 评论(0) 推荐(0)
摘要:从一行代码里面学点JavaScript现如今,JavaScript无处不在,因此关于JavaScript的新知识也是层出不穷。JavaScript的特点在于,要学习它的语法入门简简单,但是要精通使用它的方式却是一件不容易的事。来看看下面的这段代码,它来自于谷歌“名猿”Addy Osmani在几天前贴... 阅读全文
posted @ 2014-10-14 12:05 金帛 阅读(638) 评论(0) 推荐(0)
摘要:前端不为人知的一面--前端冷知识集锦前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过... 阅读全文
posted @ 2014-09-06 17:29 金帛 阅读(235) 评论(0) 推荐(0)
摘要:CSS命名规范 转自http://www.w3cfuns.com/blog-5445898-5398950.htmlCSS样式命名整理页面结构容器: container/wrap 整体宽度:wrapper 页头:header 内容:content 页面主体:main 页尾:footer 导航:nav... 阅读全文
posted @ 2014-07-26 10:14 金帛 阅读(222) 评论(0) 推荐(0)
摘要:转自知乎:http://www.zhihu.com/question/21558138要理解这个问题,首先要弄明白CSS对于 display: inline 元素的 vertical-align 各个值的含义。vertical-align 的默认值是 baseline,这是一个西文排版才有的概念:可以看到,出现在baseline下面的是 p 啊,q 啊, g 啊这些字母下面的那个尾巴。可以看到,出现在baseline下面的是 p 啊,q 啊, g 啊这些字母下面的那个尾巴。对比一下 vertical-align 的另外两个常见值,top 和 bottom:可以看到,baseline 和 b.. 阅读全文
posted @ 2014-01-22 11:50 金帛 阅读(1188) 评论(0) 推荐(0)
摘要:一些兼容问题,产生的原因以及解决方法给子元素设置margin-top,结果显示并非为和父元素间隔,而变成父元素设置margin-tophttp://blog.chinaunix.net/uid-22414998-id-3138656.html吐槽ie6那些蛋疼的兼容问题浮动下沉div自动撑开div定了高度,当里面的内容超出的时候,div高度会自动撑开png24以上不透明不支持png24透明,解放方法到网上找些插件浮动双倍边距因为块级对象默认的display属性值是block,当设置了浮动的同时,还设置了它的外边距 就会出现这种情况。也许你会问:“为什么第二个对象和第一个对象之间就不存在双倍边距 阅读全文
posted @ 2013-05-29 16:00 金帛 阅读(240) 评论(0) 推荐(0)