随笔分类 - CSS
摘要:水文一篇~~ 缘由 最近有园友问到本博客的主题是怎么弄,其实也是参考其他的博客捣弄一些CSS、JS,前端咋咋,并没啥技术含量,有需要的同学可以拿去用。简单起见,直接把设置的代码全盘贴出来了。 第一步 进入博客设置界面 主题是基于博客模版BlueSky修改的,需要选择此模版 第二步 页面定制CSS代码
阅读全文
摘要:Flexbox(伸缩盒)是CSS3中新增的特性,利用这个属性可以解决页面中的居中问题。只需要3行代码就可以实现,不需要设置元素的尺寸,能够自适应页面。 这个方法只能在现代浏览器上有效,IE10+、chrome、Safari、Firefox。例如: HTML: 首先,创建一个div容器,容器内是需要居
阅读全文
摘要:在这个例子中,我们会看到一个纯CSS制作的下拉框。主要是要用到了HTML元素的checkbox 和CSS3选择器,并没有用到JavaScript。例子如下: Click to ExpandLink OneLink TwoLink ThreeLink Four实现过程:HTML结构 Cl...
阅读全文
摘要:页面构建中的Flash层会遮挡Div的问题,一般通过设置wmode="transparent" 或wmode="window"就可以解决。不过对于Flash视频这个貌似不太凑效。对于Flash遮挡的问题,首先来了解一些wmode的一些属性值。wmode的5种取值Window模式默认情况下的显示模式,...
阅读全文
摘要:最近做移动端页面时,经常会用到inline-block元素来布局,但无可避免都会遇到一个问题,就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题,需要把间隙去掉。对于inline-block元素及去掉间隙的方法,在这里做一个简单的总结。 inline-block 即内联块,在
阅读全文
摘要:css中的z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index ...
阅读全文