HTML+CSS
SinceroTu
这个作者很懒,什么都没留下…
展开
-
项目中用到的css
https://juejin.im/post/58da53b7ac502e0058e70abfcss有些属性容易忘记,半天不写就要去查api,有时候api还不好使,于是还是记下来以后方便用,后续会慢慢补充进来的。Github: github.com/aototo/blog博客长期更新,喜欢的朋友star一下outline 移除当选中input元素的时候会出现转载 2017-09-22 14:12:36 · 420 阅读 · 0 评论 -
前端代码标准最佳实践:CSS
1,命名和其他语言规范一样,css的命名也讲究命名要有意义,命名要尽可能短但是要足够表达含义;命名的词用连字符连接。不规范的命名:[html] view plain copyprint?#navigation{ } .demoimage{ } .error_status{ } #navigation{}.demoima转载 2017-09-22 14:24:19 · 366 阅读 · 0 评论 -
CSS hack是什么?IE6\7\8\9\10浏览器的CSS hack大全介绍
CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozillafirefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写原创 2017-10-11 09:37:42 · 661 阅读 · 0 评论 -
CSS 3 Keyframes
上周学习了利用 CSS3 来制作页面动画,完成了下载页面动画的开发。入门按照需求要实现“渐显 FadeIn”的效果。最简单的情况下,使用 transition 即可实现效果:[css] view plain copyprint?transition: opacity 500ms; opacity: 0;/* 修改 opacity 透明度为原创 2017-10-06 11:40:11 · 380 阅读 · 0 评论 -
你所不知道的 CSS 滤镜技巧与细节
本文主要介绍 CSS 滤镜的不常用用法,希望能给读者带来一些干货!OK,下面直接进入正文。本文所描述的滤镜,指的是 CSS3 出来后的滤镜,不是 IE 系列时代的滤镜,语法如下,还未接触过这个属性的可以先简单到 MDN — filter 了解下:{ filter: blur(5px); filter: brightness(0.4);原创 2017-10-17 09:49:29 · 317 阅读 · 0 评论