css
zsr1860
热爱生活,热爱代码
展开
-
杂记——图标与文字垂直居中
如题的一个小问题,提供我用过的3种方法,优劣自鉴。原创 2017-09-05 10:39:45 · 524 阅读 · 0 评论 -
杂记——CSS sprites
又名雪碧图,一种网页图片应用处理方式。通俗讲就是将页面涉及到的所有零星图片都包含到一张大图中去,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位。原创 2017-10-16 16:06:51 · 200 阅读 · 0 评论 -
一个响应式网页导航条
常用的一个响应式网页导航条解决方案,整理记录。 效果展示入口:https://skyfood.github.io/nav/demo.html html结构和js代码都很简单,主要是css样式。 直接粘上来的代码有点乱。最下面有demo的下载地址,可以下载看整理过的代码。 主要的css知识点有: @media screen and (max-width:1279px) {} (媒体查询)...原创 2017-09-04 11:57:35 · 4794 阅读 · 0 评论 -
transition详解
transition 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。 transition 可以决定哪些属性发生动画效果 (明确地列出这些属性),何时开始 (设置 delay),持续多久 (设置 duration) 以及如何动画 (定义timing funtion,比如匀速地或先快后慢)。 语法 transition: &lt...原创 2018-05-14 17:42:45 · 2061 阅读 · 0 评论