随笔分类 -  CSS

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

点击右上角即可分享
微信分享提示