
css
样式
sasha学习
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css旋转横屏后,左上角返回键
.back { position: absolute; transform: rotate(270deg) translateY(-100%); transform-origin: right top; right: 16px; top: 20px; z-index: 3; color: #fff; .back-center { transform: rotate(180deg); }原创 2022-05-07 10:31:22 · 215 阅读 · 0 评论 -
css 规范
项目如无特殊情况,优先采用scss预处理语言 文件命名 每个页面对应一个样式文件,如果有抽离出公共的样式和单独的模块样式则添加下划线,用以标识; 选择器命名 统一采用英文小写命名,如果有多个单词,则使用连字符,严禁使用大写 单独抽离的模块 和 公用模块需要采用单独的命名空间,避免样式覆盖和冲突 css嵌套应该和html元素嵌套层级一样,保证成树状结构,并且适当的添加对应的注释 选择器应该尽量避免...原创 2020-05-25 18:18:08 · 283 阅读 · 0 评论 -
json.stringfy()和json.parse()
使用JSON 的Stringly和Prase进行封装和解析 1、将对象转换为JSON格式字符串 JSON.stringify(object) 2.将JSON字符串转换为对象 JSON.parse(jsonString);原创 2020-01-14 14:43:26 · 288 阅读 · 0 评论 -
flex布局经常运用场景
flex弹性布局_等分(平均分布。在容器里面平均分配空间,需要设置项目的自动缩放。) ul{ display:-webkit-flex; display: flex; } li{ flex: 1; border:1px solid #eee; } flex弹性布局_自动换行 ul{ display:-webkit-flex; display: flex; flex-w...原创 2020-01-14 14:02:12 · 212 阅读 · 0 评论