摘要: 酷炫的SVG 动态图标 在 loading.io 上能看到好多效果惊艳的loading图标。它们都是用svg写成的,寥寥几行代码,比img图片更精细更节省体积,比纯dom实现要更灵活和高效。 怎么画这些圆和方块?怎么着色?怎么动起来? 先看看svg的基础知识,然后将上面第一个图标画出来。 一、基本图 阅读全文
posted @ 2018-07-30 11:20 手可摘星辰htss 阅读(697) 评论(0) 推荐(0) 编辑
摘要: 目录(Content) 一、关于样式(CSS) 1、Input 1)Input可编辑可下拉 2)Input下拉 3)Input边线点击不显示 4)提示文字:placeholder="手机号" 5)input出现背景是黄色 2、是否占位:显示/隐藏 2)visibility 3、定位 1) 绝对定位: 阅读全文
posted @ 2018-07-30 11:13 手可摘星辰htss 阅读(695) 评论(0) 推荐(0) 编辑
摘要: 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式 阅读全文
posted @ 2018-07-30 10:10 手可摘星辰htss 阅读(407) 评论(0) 推荐(0) 编辑