css - 随笔分类(第2页) - mabel_on_line

normalize.css

摘要：http://yui.yahooapis.com/3.10.3/build/cssnormalize/cssnormalize.csshttps://github.com/necolas/normalize.css/ 阅读全文

posted @ 2013-07-10 10:13 mabel_on_line 阅读(164) 评论(0) 推荐(0)

CSS Reset

摘要：http://baike.baidu.com/view/5186496.htm 阅读全文

posted @ 2013-07-10 10:11 mabel_on_line 阅读(132) 评论(0) 推荐(0)

摘要：1.<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML或 XHTML 规范。2.行内元素有 span a strong 块 div h1 ul行内元素特性设置宽度width 无效。设置高度height无效，可以通过line-height来设置。设置margin只有左右margin有效，上下无效。设置padding只有左右padding有效，上下则无效。3.jsonP一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，阅读全文

posted @ 2013-04-02 09:07 mabel_on_line 阅读(210) 评论(0) 推荐(0)

ie haslayout

摘要：http://baike.baidu.com/view/2945869.htmhaslayout 问题的调试与解决当网页在 IE 中有异常表现时，可以尝试激发 haslayout 来看看是不是问题所在。常用的方法是给某元素 css 设定 zoom:1。使用 zoom:1 是因为大多数情况下，它能在不... 阅读全文

posted @ 2013-03-27 16:25 mabel_on_line 阅读(163) 评论(0) 推荐(0)

css中的after

摘要：http://www.cnblogs.com/losesea/archive/2012/12/20/2825763.html 阅读全文

posted @ 2013-03-27 16:14 mabel_on_line 阅读(108) 评论(0) 推荐(0)

css hack 大全

摘要：百度 css hackhttp://baike.baidu.com.cn/view/1119452.htm 阅读全文

posted @ 2013-03-19 18:18 mabel_on_line 阅读(179) 评论(0) 推荐(0)

CSS !important 用法

摘要：http://blog.sina.com.cn/s/blog_54eeb5d901000dbs.html 阅读全文

posted @ 2013-03-19 18:09 mabel_on_line 阅读(144) 评论(0) 推荐(0)

css 浮动闭合

摘要：在父元素上添加class即可最优浮动闭合方案：.clearfix{ zoom:1;} //zoom针对ie6和ie7 触发其hasLayout //以下针对除ie6和ie7之外的其他浏览器.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} 下面2篇文章讲了一些关于闭合浮动的内容：http://www.javascript100.com/?p=235http://homepage.yesky.com/16/2404516.s... 阅读全文

posted @ 2013-03-18 11:10 mabel_on_line 阅读(213) 评论(0) 推荐(0)

放新浪微博的箭头css写法

摘要：<div class="arrow">◆</div>.arrow{ font-family:"SimSun"; font-size:12px; color:#EF5A27; position:absolute; bottom:-17px; left:103px;} 阅读全文

posted @ 2013-02-26 18:20 mabel_on_line 阅读(318) 评论(0) 推荐(0)

嵌套浮动bug

摘要：嵌套浮动bug 给子元素浮动元素设置高度就好阅读全文

posted @ 2013-02-21 18:50 mabel_on_line 阅读(156) 评论(0) 推荐(0)

线条的样式solid dotted dashed

摘要：border-bottom:1px dashed#CCC; 阅读全文

posted @ 2013-01-16 15:37 mabel_on_line 阅读(668) 评论(0) 推荐(0)

CSS triangle generator

摘要：http://apps.eky.hk/css-triangle-generator/注释：Internet Explorer 6（以及更早的版本）不支持属性值 "transparent"。border-colorhttp://www.w3school.com.cn/css/pr_border-color.aspwidth: 0px;height: 0px;border-style: solid;border-width: 0 100px 100px 100px;border-color: transparent transparent #007bff transparent 阅读全文

posted @ 2013-01-16 13:10 mabel_on_line 阅读(285) 评论(0) 推荐(0)

清除浮动两种方法

摘要：1.用在父元素.clear-box {overflow: auto;zoom: 1;}2.加在父元素所包含的带有浮动子元素的后面<div style="clear:both"></div> 阅读全文

posted @ 2013-01-15 11:55 mabel_on_line 阅读(144) 评论(0) 推荐(0)

ie6 line-height失效待测试

摘要：http://www.aiubug.com/?p=491#comment-178 阅读全文

posted @ 2012-11-27 17:08 mabel_on_line 阅读(100) 评论(0) 推荐(0)

ie6bug----ie6默认的最小高度是设定字体的高度

摘要：ie6bug----ie6默认的最小高度是设定字体的高度，而一般网页默认的字体是12px；所以，在没有另外设置字体的情况下，如果要给某个标签设置高度小于12px，则，需要单独给这个标签设置_font-size:1px;(或者设置0px等等。).corner{ width:10px; height:10px; background:url(images/corner_opacity.png) no-repeat; _font-size:1px;} 阅读全文

posted @ 2012-11-22 16:28 mabel_on_line 阅读(382) 评论(0) 推荐(0)

表单文字和输入框对齐的最简单的方法

摘要：关键：1.父元素（例如div）设置为text-align:center;2.span元素要垂直居中，要设置line-height；同时input也要设置line-height ；两者的值设置成一样的。已经经过测试，ie8、chrome下没问题。<div class="enter_eamil_section"> <span>邮箱</span><input type="text" name="email"/> </div>.enter_eamil_section{ text-al 阅读全文

posted @ 2012-11-22 16:14 mabel_on_line 阅读(8281) 评论(0) 推荐(0)

ie6bug----------------------ie6 下不解析 css input[type="text"] 等等类别的选择

摘要：ie6 下不解析 css input[type="text"] 等等类别的选择阅读全文

posted @ 2012-11-22 15:05 mabel_on_line 阅读(179) 评论(0) 推荐(0)

内联元素及其特性 &块元素

摘要：一般的块级元素诸如段落<p>、标题<h1><h2>...、列表。<ul><ol><li> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于同一行，但宽度(width)高度(height)不起作用。img的内联是默认的，但是阅读全文

posted @ 2012-11-22 12:01 mabel_on_line 阅读(226) 评论(0) 推荐(0)

css合并外边距详解

摘要：http://www.w3school.com.cn/css/css_margin_collapsing.asp只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。关键字：垂直相邻&包含解决方法：相邻的是解决不了的，也不用解决。解决包含的方法——包含的父元素有内边距或者边框。阅读全文

posted @ 2012-11-21 13:46 mabel_on_line 阅读(423) 评论(0) 推荐(0)

a:active

摘要：a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */a:active {color: #0000FF} /* 被选择的链接 */ 阅读全文

posted @ 2012-11-20 18:29 mabel_on_line 阅读(701) 评论(0) 推荐(0)

Young

工作过程中记录的前端相关的问题。

随笔分类 - css

公告