web_note的博客

如何去掉点击链接时周围的虚线框outline属性1. CSS方式 在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。 加了hidefocus属性IE中用CSS处理的方式为：a{noOutline:expression_r(this.onF

为了适应不同浏览器不同的版本（版本主要就ie来说），ie这朵奇葩现在我们要兼容6-9，它的10也快出来了。。。在ie下我们可以写条件注释来区分ie和其他浏览器，以及ie的版本，这些请大家自行google。这篇文章主要讨论的是css hack。下面废话补多说了，直接上代码DOCTYPE html>  html>  head>      title>Css Hacktitle>  

name="viewport">    测试页面html,body {    margin:0;    padding:0;    overflow: hidden;}.content {    width: 100%;    height: 100%;    top:0;    z-index: -1;     position: abso

1、新浪微博 新浪微博 2、腾讯微博 腾讯微博 3、开心网 开心网 或者用 <a href="http://www.kaixin001.com/repaste/share.php?rurl=http://www.shao-ming.com&rcontent=http://www.baidu.com&rtitle=kaixin" target="_blank">开心网

文章的最终方法是：1. 将文字第一字体设置为Tahoma；2. 为input元素设置vertical-align:middle;3. 为label元素设置vertical-align:middle;        这样表单元素和提示文字就达到完美的对齐了。但是等等这里说的对齐只是相对的对齐，原因是中文字体是方块字高度有可能是奇数或者偶数，input元素的高度是奇数当字体高度为偶

随着自己写过的页面的增多，也遇到了很多CSS兼容性的问题。这些兼容性问题，都是必然的，因为技术在不断进步，不断革新，所谓，“后浪推前浪，前浪拍死在沙滩上”，当然我们的技术不能是被拍死在沙滩上，我们还要支持，不支持的话，只能是你这个页面，这个产品被淘汰。那么为了不被淘汰，我们就要做些兼容性处理。我写页面的时候用到过很多的flex布局，觉得非常好用。下面附上一篇不错的flex布局介绍的

Square(正方形)#square { width: 100px; height: 100px; background: red;}Rectangle(矩形)#rectangle { width: 200px; height: 100px; background: red;}Circle(圆形)#circle { width:

&lt;!DOCTYPE html&gt;&lt;html&gt;  &lt;head&gt;    &lt;meta charset="utf-8"&gt;    &lt;meta name="viewport"          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-sca