css
cyclv
这个作者很懒,什么都没留下…
展开
-
css 动画 animate
案例 加载中动画 效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> div { width:10px; height:10px; floa...原创 2020-04-09 13:47:52 · 372 阅读 · 0 评论 -
css3弹性盒子+小程序布局
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 注意: 弹性容器外及弹性子元素内是正常渲染的。弹性盒子...原创 2018-03-19 16:55:47 · 1419 阅读 · 0 评论 -
h5页面编写注意事项,自己遇到的小问题。
使用弹性盒子布局 .flex{ display: flex; flex-direction: row; justify-content: center; align-items: center; } .flext{ displa...原创 2019-01-16 09:44:33 · 951 阅读 · 0 评论 -
HTML,CSS,font-family:中文字体的英文名称
HTML,CSS,font-family:中文字体的英文名称 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 FangSong_GB2312 楷体_G...转载 2019-02-26 09:08:28 · 200 阅读 · 0 评论 -
移动端overflow-x去掉滑动条
1.问题描述 移动端横向图片浏览、文字滑动(CSS实现) 通过使用overflow-x:auto;实现滑动。但是滑动条在移动端会一直存在 2.解决原理 1.给整个滑动标签,加上一个外边框,css加上overflow:hidden。 把滑动部分的高度超过外边框的高度,滑动条就会被隐藏掉。 2.使用::webkit-scrollbar .overflow-scroll{ ...原创 2019-02-26 09:06:38 · 5845 阅读 · 3 评论 -
前开发命名规范
作为一个程序员,对英语一定要有一个学习,毕竟使用英语写的页面 css命名规范 1.css class命名尽量使用英语,不要使用汉拼,并且有意义, 2.使用单词命名时不要缩写,除非非常有名的单词。 3.- 规则命名中,一律采用小写加中划线的方式,不允许使用大写字母或 _ 例如(header-list) 4.不允许通过1、2、3等序号进行命名 5.避免class与id重名 css编写...原创 2019-07-08 09:48:45 · 319 阅读 · 0 评论 -
原生js对数组操作(find,findIndex)
find(返回符合传入测试(函数)条件的数组元素。) let list =[ {id: 4, pid: 3, menuName: "操作日志", menuLevel: 2, url: "/operatelogs"}, {id: 8, pid: 7, menuName: "富文本", menuLevel: 2, url: "/richtext"}, {id: 11, pi...原创 2019-09-28 09:12:41 · 2081 阅读 · 0 评论