建立个人品牌,把你的名字变成钱 [登录·注册]

吕滔博客

首页 开发 运维 工具 摄影
  • 05-152017

    div+css按比例布局:宽度为百分比高度自动等比正方形的实现方式

    memory第一种方案效果css文件body { width: 100%; font-size: 0; text-align: center; } div { display: inline-block; width: 20%; background: green; font-size: 12px; position: relative; vertical-align: middle; } div:nth-child(2n) { background: oran...

    前端设计 发布于 2017-05-15评论(0)阅读(66)
  • 11-162015

    纯 CSS 创建各种不同的图形形状

    memory矩形.rectangle { width: 250px; height: 150px; background-color: #6DC75F; } <div class="rectangle"></div>三角形.triangleUp { border-left: 75px solid transparent; border-right: 75px solid transpa...

    前端设计 发布于 2015-11-16评论(0)阅读(3831)
  • 05-292013

    新手入门响应式布局--响应式布局的那些事儿

    memory讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效 果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media Query实现响应布局)。一、什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端...

    前端设计 发布于 2013-05-29评论(0)阅读(3538)
  • 05-182013

    根据链接的内容不同,定制不同的CSS样式 CSS之特殊用法

    memoryCSS还可以这样用、你知道吗?利用CSS给链接添加一个ICO图标a[href$='.zip'], a[href$='.rar'], a[href$='.gzip']{background:transparenturl(images/zip.png)center right no-repeat;display:inline-block;padding-right:35px;}a[href$='.pdf']{background:transparenturl(images/...

    前端设计 发布于 2013-05-18评论(0)阅读(5581)
  • 04-212013

    又地震了.一个前端代码。通过CSS让整个网页变黑白

    memoryhtml{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns="\'http://www.w3.org/2000/svg\'"&...

    前端设计 发布于 2013-04-21评论(0)阅读(4842)
  • 04-122013

    textarea标签中resize缩放属性的设置

    memoryCSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google chrome和Apple safari都支持。而textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。如下图就是在Google chrome中我博客的textarea的默认显示,textarea右下角有一个可以控制缩放的按钮。一般情况下,textarea是被固定宽度...

    前端设计 发布于 2013-04-12评论(0)阅读(5773)
  • 04-122013

    CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容

    memory CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考。CSS兼容常用技巧请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就...

    前端设计 发布于 2013-04-12评论(0)阅读(7903)
  • 网站状态

    • 栏目分类:35个
    • 发布文章:1109篇
    • 用户评论:620条

    最新回复

    • 香港服务器: 很详细,学习了
    • memory: 对,这个密钥最好是自己换一下。当然不嫌麻烦甚至可以考虑将密钥做到...
    • 小明明: 在加密的时候 秘钥固定不就可以机密了吗
    • 上海代理记账: 看起来代码有一些复杂的呀。。。
    • 香港云服务器: 站长不错,不错的干货
    • yet handsome: 我看了你的这个发现历史真的是惊人的相似,我们已经做到redis集...
    • memory: 好久不玩它们了,我的相关知识来自谷歌...
    • 于小鱼: 你好,想请教一些关于xen和kvm的问题。
    • memory: 如果将图片 base64_encode 后,再想取回以前的路径不...
    • 陈凌风: 我要区正常的路径显示怎么办?
    • genuiner: 牛逼
    • haitongz: 赞
    • memory: php64位? 这个我还真没有注意。。。回头再试试
    • Kngstr: 这个很简单,你用的PHP不是64位的,64位的dll只能在64位...
    • memory: 使用的是typecho.
    • GavinHsueh: 您好,我了解下您的博客是自己开发的么?看着很不错
    • 个人博客: 看看先
    • memory: 谢谢,已修正。
    • jrotty: 方法一中next后面少个'符号
    • daxia: mark