css
su的前端之路
这个作者很懒,什么都没留下…
展开
-
flex布局基本属性用法示例以及常见布局
在线地址演示:https://suhuixiao.github.io/flex-layout/结合图形进行演示,觉得好的小伙伴可以收藏,需要派上用场的时候直接复制粘贴。页面部分截图:...原创 2017-09-04 15:49:43 · 458 阅读 · 0 评论 -
js代码实现tab选项卡效果
实现tab选项卡效果贴上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2017-09-04 16:32:50 · 647 阅读 · 0 评论 -
总结div水平居中的方法
第一种方法:margin: auto;第二种方法:position: absolute/relative/fixed;left: 50%;margin-left: 元素宽度的一半的负数;第三种方法:position:absolute/relative/fixed;left: 50%;transform: translate(-50%, 0);...原创 2017-08-23 23:16:39 · 391 阅读 · 0 评论 -
仿写添加标签栏
实现的功能:1.选择选项后,该选项作为标签显示在标签栏2.重复选择的标签不允许再添加3.点击标签栏某个标签的“x”,可以把该标签删除<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&g...原创 2017-11-26 22:46:59 · 290 阅读 · 0 评论 -
模拟移动端上拉加载功能
代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上拉加载</title> <style> html{ font-size: 18px; } .containter{ bac...原创 2017-11-27 00:00:04 · 764 阅读 · 0 评论