HTML/CSS
Muge_
这个作者很懒,什么都没留下…
展开
-
CSS - cursor 使用
cursor 可接受图片, 如: name:hover { cursor: url(images/i.png), auto} W3C推荐第二个参数设置为auto, 以防止不可有时有备用鼠标指针.IE支持cur,ani,ico这三种格式, Firefox支持bmp,gif,jpg,cur,ico这几种格式,不支持ani格式,也不支持gif动画格式,因此来说一般将url引用的图片存为ico或cur格原创 2015-10-27 09:07:59 · 709 阅读 · 0 评论 -
CSS hack
hackCSS hackIE条件注释outlineoutline 与 border 的区别outline兼容before after清除浮动display table-celldisplay inline-blockIE Quirks问题hackCSS hackIE6能识别 *, 但不能识别 !important,IE6支持属性前加下划线(IE7 FF不支持)。 IE7能识别原创 2015-10-27 09:10:41 · 428 阅读 · 0 评论 -
HTML <script>标签的type类型
我经常看到有的网站<script>表情的type类型是application/javascript,有的是text/javascript。而我喜欢用text/javascript,或者直接不写type属性。其实text/javascript标签是比较老的写法,标准的写法是application/javascript,在HTML5标准中,不写type则默认就是ECMAScript。IE7,IE8用ap原创 2016-03-16 13:18:27 · 2617 阅读 · 1 评论 -
display: inline-block间隙问题
无论是本身为inline-block的元素,比如input。还是将非inlick-block的其他元素设置为他,都会出现间隙。#dis li { display: inline-block; background-color: green}<ul id="dis"> <li>AAA</li> <li>BBB</li> <li>CCC</li></ul>HT原创 2016-03-16 16:22:07 · 577 阅读 · 0 评论 -
CSS3 box-sizing属性和IE盒模型
盒模型是CSS中很重要的概念,但很多人不知道的是IE5.5及更早的IE浏览器采用的不是标准盒模型,我们称之为IE盒模型。标准盒模型的组成部分有:margin + border + padding + content,content部分的width height不包含border和padding。而在IE盒模型中,块级元素的width, height包含了border和padding。这里截取网上的两原创 2016-03-17 09:11:24 · 8208 阅读 · 0 评论 -
::-moz-focus-inner
对于点击某些元素后出现的边框,去除的办法是:button:focus { outline: none;}另外还可以将outline属性设置为0button:focus { outline: 0;}但是在Firefox下,对于类型为button的元素,即使设置outline,也还是会出现虚线。 解决方法用一个Firefox的私有伪元素button::-moz-focus-in原创 2016-03-17 12:58:18 · 2938 阅读 · 0 评论 -
Web知识日记
url的特殊符号 符号 含义 转义 + URL 中+号表示空格 %2B 空格 URL中的空格可以用+号或者编码 %20 / 分隔目录和子目录 %2F ? 分隔实际的URL和参数 %3F % 指定特殊字符 %25 # 表示书签,锚点 %23 & URL 中指定的参数间的分隔符 %26 = URL 中指原创 2015-07-20 13:04:33 · 368 阅读 · 0 评论