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 · 387 阅读 · 0 评论 -
css3弹性盒子+小程序布局
CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。注意: 弹性容器外及弹性子元素内是正常渲染的。弹性盒子...原创 2018-03-19 16:55:47 · 1426 阅读 · 0 评论 -
h5页面编写注意事项,自己遇到的小问题。
使用弹性盒子布局 .flex{ display: flex; flex-direction: row; justify-content: center; align-items: center; } .flext{ displa...原创 2019-01-16 09:44:33 · 975 阅读 · 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 · 228 阅读 · 0 评论 -
移动端overflow-x去掉滑动条
1.问题描述移动端横向图片浏览、文字滑动(CSS实现)通过使用overflow-x:auto;实现滑动。但是滑动条在移动端会一直存在2.解决原理1.给整个滑动标签,加上一个外边框,css加上overflow:hidden。把滑动部分的高度超过外边框的高度,滑动条就会被隐藏掉。2.使用::webkit-scrollbar.overflow-scroll{...原创 2019-02-26 09:06:38 · 5873 阅读 · 3 评论 -
前开发命名规范
作为一个程序员,对英语一定要有一个学习,毕竟使用英语写的页面css命名规范1.css class命名尽量使用英语,不要使用汉拼,并且有意义,2.使用单词命名时不要缩写,除非非常有名的单词。3.- 规则命名中,一律采用小写加中划线的方式,不允许使用大写字母或 _ 例如(header-list)4.不允许通过1、2、3等序号进行命名5.避免class与id重名css编写...原创 2019-07-08 09:48:45 · 327 阅读 · 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 · 2131 阅读 · 0 评论