More than code
Thoughts, stories and ideas

CSS 第2页

【02】CSS的相关文章
打造优秀的CSS初始化文件(lss.base.css)-木子朗

打造优秀的CSS初始化文件(lss.base.css)

阅读(2486)赞(0)

一、前言 css初始化的出现是为了考虑浏览器的兼容问题,不同浏览器对有些标签的默认样式是不同的,如果没有css初始化往往会出现浏览器之间的页面差异。当然,初始化样式对SEO有一定的影响,但鱼和熊掌不可兼得,力求在 影响最小的情况下初始化。 ...

Normalize.css最新中文文档-木子朗

Normalize.css最新中文文档

阅读(2552)赞(0)

一、前言 Normalize.css 是现代的reset css的很好的替代品。我们在开发网站的时候基本都会用到初始化样式,然而,当看到有些代码的时候,真是无语到极点,没有针对性,没有基本的原则。 个人也一直在基于Normalize.css...

理解CSS3里的Flex布局用法-木子朗

理解CSS3里的Flex布局用法

阅读(1701)赞(0)

一、前言 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、...

揭秘网站整体变灰(黑白、置灰)原理-木子朗

揭秘网站整体变灰(黑白、置灰)原理

阅读(3039)赞(0)

一、前言 在很多时候我们需要把整个网站变灰,比如“汶川地震”。近日受降雨影响四川茂县突发山体高位垮塌,想起了曾经的汶川地震。来看看网站是如何实现整体变灰的。 二、CSS3 filter(滤镜) 属性 html{ -webkit-filter...

浅谈 -webkit-tap-highlight-color 属性-木子朗

浅谈 -webkit-tap-highlight-color 属性

阅读(1834)赞(2)

前言 最近在做微信端的网站,遇到这样一个问题,当点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的浅蓝色背景。本来以为是a标签的属性设置,设置了一番之后发现并不管用。经查阅,原来用一个css3属性-web...

CSS3的calc()使用-木子朗

CSS3的calc()使用

阅读(1980)赞(1)

前言 平时在制作页面的时候,总会碰到有的元素是100%的宽度。如果元素宽度为100%时,如果改变了默认的盒模型,那就有可能导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。换句话来说,如果你的元...

video之去除下载按钮及禁用右键下载-木子朗

video之去除下载按钮及禁用右键下载

阅读(2917)赞(0)

前言 最近在开发群里发现有人问这个问题,video在最新版谷歌浏览器中出现了下载按钮,那么问题如何解决?经测试,总结如下。 去除下载按钮 video是HTML5的新增元素,为我们带来了很大的便利,但是有时候默认的样式并不是我们想要的结果,比...

自适应布局中Div添加横向滚动条-木子朗

自适应布局中Div添加横向滚动条

阅读(2050)赞(0)

最近在开发微信端网站,在开发中遇到了一些问题,自适应布局中给div添加横向滚动条,下面来看看解决方案。 直接上代码: /* html代码 */ <div class="f_s_con"> <ul> <li>...

让IE6/IE7/IE8浏览器支持CSS3属性-木子朗

让IE6/IE7/IE8浏览器支持CSS3属性

阅读(1807)赞(0)

一、下载 首先下载ie-css3.htc文件,这个文件是让IE浏览器支持CSS3一些属性的关键东西。 二、关于此文件 .htc是一个脚本文件,只有Internet Explorer(IE)认识这个文件。在其他浏览器中是不能识别的,htc文件...

CSS3自定义滚动条样式-木子朗

CSS3自定义滚动条样式

阅读(2267)赞(0)

CSS3对于滚动条也做了特别支持,可惜目前只有webkit内核的支持比较好,IE支持不完全,详细兼容性请查看http://caniuse.com/#search=scrollbar。 主要有7个属性: ::-webkit-scrollbar...

--- GitHub ---

GitHub