![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 81
start_heart
这个作者很懒,什么都没留下…
展开
-
margin:auto实现绝对定位元素的水平垂直居中(粘贴过来的)
小tip: margin:auto实现绝对定位元素的水平垂直居中by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3794一、悠悠哉哉说点什么本来我有个很好的计划,就是本文用漫画来写,把话痨的火影漫画的文字重新抹掉,然后填本文相关的技术文字 。转载 2015-04-15 13:50:56 · 587 阅读 · 0 评论 -
CSS中height:100%和height:inherit的异同
CSS中height:100%和height:inherit的异同by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=4642一、胡聊海聊凑篇幅上周在微博上无节操吐槽了下inherit的段子,没想到回声还不少:不过inherit确实是个转载 2015-04-20 20:12:52 · 888 阅读 · 0 评论 -
CSS z-index 属性的使用方法和层级树的概念
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念.这个星期转载 2015-04-20 20:50:12 · 415 阅读 · 0 评论 -
box-shadow vs filter: drop-shadow
利用CSS 伪元素:after给方框添加小箭头图标,并且比较box-shadow与filter: drop-shadow实现阴影效果的差异,html代码如下 box-shadow filter: drop-shadow CSS代码如下:/** * box-shadow vs filter: drop-shadow */body { background: #ddd翻译 2015-04-17 13:29:28 · 463 阅读 · 0 评论 -
使用inline-block实现图片列表展示(对比float的实现)
Using inline-block to Display a Product Grid ViewSeptember 25, 2012Randy Hoyt●Code, CSS, Make a Website 5 CommentsI have been working on a website that displays products in a g转载 2015-04-17 11:21:35 · 853 阅读 · 0 评论 -
Web前端开发修炼之道——学习笔记一
前端设计的关键:(1)前期的构思很重要,是一个先慢后快的过程(2)制定规范(3)团队的分工与合作 2. 衡量高质量的HTML的标准2.1 语义化标签,那如何评判?去掉样式,看网页结构是否组织良好有序,是否仍然有很好的可读性。比如W3C的官方网站语义就非常优秀2.2 语义化的标题和内容模块HTML部分 标签的语义原创 2015-04-30 09:55:31 · 775 阅读 · 0 评论