![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css作战经验
文章平均质量分 64
小小樟鱼
技术改变生活。每日敲一行代码,每日进步一点。
展开
-
如何去掉点击a链接时周围的虚线框
如何去掉点击链接时周围的虚线框outline属性1. CSS方式 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true” 属性即可,但这个属性是IE私有的,Firefox是不认的。 加了hidefocus属性IE中用CSS处理的方式为:a{noOutline:expression_r(this.onF原创 2016-10-18 20:08:30 · 408 阅读 · 0 评论 -
Css Hack(ie6-9,firefox,chrome,opera,safari)
为了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-9,它的10也快出来了。。。在ie下我们可以写条件注释来区分ie和其他浏览器,以及ie的版本,这些请大家自行google。这篇文章主要讨论的是css hack。下面废话补多说了,直接上代码DOCTYPE html> html> head> title>Css Hacktitle>转载 2016-10-18 20:15:46 · 324 阅读 · 0 评论 -
如何让一张图片在手机端页面占满整个屏幕不带滚动条(示例)
name="viewport"> 测试页面html,body { margin:0; padding:0; overflow: hidden;}.content { width: 100%; height: 100%; top:0; z-index: -1; position: abso转载 2017-04-13 10:05:04 · 4521 阅读 · 0 评论 -
网页常用分享代码大全(前端必备)
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">开心网转载 2017-04-13 10:30:45 · 6676 阅读 · 0 评论 -
表单元素与提示文字无法对齐的问题(input,checkbox文字对齐)
文章的最终方法是:1. 将文字第一字体设置为Tahoma;2. 为input元素设置vertical-align:middle;3. 为label元素设置vertical-align:middle; 这样表单元素和提示文字就达到完美的对齐了。但是等等这里说的对齐只是相对的对齐,原因是中文字体是方块字高度有可能是奇数或者偶数,input元素的高度是奇数当字体高度为偶转载 2017-05-13 16:08:16 · 1898 阅读 · 0 评论 -
解决flex新旧版本的兼容性写法
随着自己写过的页面的增多,也遇到了很多CSS兼容性的问题。这些兼容性问题,都是必然的,因为技术在不断进步,不断革新,所谓,“后浪推前浪,前浪拍死在沙滩上”,当然我们的技术不能是被拍死在沙滩上,我们还要支持,不支持的话,只能是你这个页面,这个产品被淘汰。那么为了不被淘汰,我们就要做些兼容性处理。我写页面的时候用到过很多的flex布局,觉得非常好用。下面附上一篇不错的flex布局介绍的转载 2017-06-21 10:51:05 · 13884 阅读 · 4 评论 -
纯CSS制作各种图形
Square(正方形)#square { width: 100px; height: 100px; background: red;}Rectangle(矩形)#rectangle { width: 200px; height: 100px; background: red;}Circle(圆形)#circle { width:原创 2017-11-16 10:49:30 · 695 阅读 · 0 评论 -
css上中下布局(ios,安卓)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-sca原创 2018-03-09 17:48:41 · 700 阅读 · 0 评论