2公子 - 博客园

2013年7月12日

摘要：摘自：http://www.w3schools.com/tags/ref_symbols.aspMath Symbols Supported by HTMLCharacterEntity NumberEntity NameDescription∀∀∀for all∂∂∂part∃∃∃exists∅∅∅empty∇∇∇nabla∈∈∈isin∉&#871 阅读全文

posted @ 2013-07-12 14:14 2公子阅读(663) 评论(0) 推荐(0)

2013年6月18日

针对Chrome和Safari等Webkit核心浏览器的CSS hack代码

摘要：针对Chrome和Safari等Webkit核心浏览器的CSS hack代码@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit内核兼容CSS */ } 示例：@media screen and (-webkit-min-device-pixel-ratio:0) { .font1 {color:#f00} .border1 {border:1px solid #f00;} .bg3 {background:#f00;} } 除此之外，还有专门针对某个浏览器的CSS hack方法，如针对Webkit核心浏览器和Oper 阅读全文

posted @ 2013-06-18 10:59 2公子阅读(501) 评论(0) 推荐(0)

2013年6月9日

关于<pre></pre>标签 IE6,7下实现white-space:pre-wrap;

摘要： HTML 的空白符处理规则HTML 中的“空白符”包括空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。我们知道，在默认情况下，HTML 源码中的空白符均被显示为空格，并且连续的多个空白符会被视为一个，或者说，连续的多个空白符会被合并。然而在有些时候，我们希望 HTML 源码中的多个连续空格在网页浏览器中可以真实地呈现，或者需要源码中的换行符能起到真正的换行作用。于是，我们发现了 <pre> 标签，它可以真实还原它内部文本的空白符的真实情况。于是我们经常会把一段表示计算机代码的文本放进 <pre> 标签中，它们在浏览器中会表现出自身的空格缩进和换行阅读全文

posted @ 2013-06-09 10:24 2公子阅读(370) 评论(0) 推荐(0)

2013年6月7日

解决ie6、7 margin-bottom 失效问题

摘要： <div class="XXX"> <div class="ss"></div> <div class="clearfix"></div>/*最后一个元素后面加上*/</div>清楚浮动的样式/* clear */.clearfix:after {content: "\20";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {*zoom:1;display: 阅读全文

posted @ 2013-06-07 14:26 2公子阅读(177) 评论(0) 推荐(0)

2013年5月15日

看不懂 1.

摘要：阅读全文

posted @ 2013-05-15 11:11 2公子阅读(155) 评论(3) 推荐(0)

2013年5月8日

个人笔记 -- 截止2013.05.08

摘要： NOTEPAD++Ctrl+E(选择器 $序号 intro类).intro>a.item[href=javascript:void(0)]*3.intro>a.item[href=javascript:void(0)][name=$]*3Ctrl+Y 撤销前Ctrl+F 查找、查找、、Ctrl+H 历史Ctrl+S 保存(PS)Ctrl+Shift+Alt+S(匿名保存).clear{clear:both;}清除浮动vertical-align 属性设置元素的垂直对齐方式display: table-cell; 行内元素（文字图片）居中position:relativepositi 阅读全文

posted @ 2013-05-08 14:47 2公子阅读(250) 评论(0) 推荐(0)

2013年5月7日

大小不固定的图片和多行文字的垂直水平居中（转）

摘要：一、大小不固定，多行文字的垂直居中① 单行文字可能很多人都知道如何让单行文字垂直居中显示，就是使用line-height，将line-height值与外部标签盒子的高度值设置成一致就可以了。例如：单行文字居中显示测试，css样式为：height:3em; line-height:3em;……② 多行文字但是对于外框高度固定，文字大小个数不固定的多行文字呢？文字可能一行显示，也有可能多行显示；文字可能是小号字体，也有可能是大号的。这时候如何让其垂直居中显示呢？看下面！上面所展示的就是多行文字垂直居中的效果！HTML结构如下：<div class="zxx_align_box_2& 阅读全文

posted @ 2013-05-07 14:39 2公子阅读(222) 评论(0) 推荐(0)

2013年4月24日

border :before :after 的应用

摘要： BORDER BEFORE AFTER .head_list li{color:#4E4D52;position:relative;float:left;height:30px;background:-webkit-linear-gradient(top, #f2f2f2, #E6E6E6, #d1d1d1) #E6E6E6;border-right:1px solid #dbdbdb;width:133px;text-align:center;line-height:30px;font-size:14px;display:block;} .no_border{bo... 阅读全文

posted @ 2013-04-24 12:21 2公子阅读(439) 评论(0) 推荐(0)

2013年4月11日

jQuery 初学

摘要：实例：为元素添加单击事件，发生对象隐藏效果<html><head><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){$("p").click(function(){$(this).hide();});});</script></head><body 阅读全文

posted @ 2013-04-11 11:29 2公子阅读(111) 评论(0) 推荐(0)

2013年3月20日

按钮active 一闪~

摘要： background: #80A9DA;background: -webkit-linear-gradient(top, #80A9DA 0%, #6F97C5 100%);必须把”background: #80A9DA“放在渐变背景色前面；源自：效果：http://css3lib.alloyteam.com/#animation/AnimatedButtons (DEMO4)代码：http://css3lib.alloyteam.com/uilib/animation/AnimatedButtons/css/style4.css 阅读全文

posted @ 2013-03-20 10:47 2公子阅读(156) 评论(0) 推荐(0)

公告