![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 145 阅读 · 0 评论 -
css 规范
项目如无特殊情况,优先采用scss预处理语言文件命名每个页面对应一个样式文件,如果有抽离出公共的样式和单独的模块样式则添加下划线,用以标识;选择器命名统一采用英文小写命名,如果有多个单词,则使用连字符,严禁使用大写单独抽离的模块 和 公用模块需要采用单独的命名空间,避免样式覆盖和冲突css嵌套应该和html元素嵌套层级一样,保证成树状结构,并且适当的添加对应的注释选择器应该尽量避免...原创 2020-05-25 18:18:08 · 217 阅读 · 0 评论 -
json.stringfy()和json.parse()
使用JSON 的Stringly和Prase进行封装和解析1、将对象转换为JSON格式字符串JSON.stringify(object)2.将JSON字符串转换为对象JSON.parse(jsonString);原创 2020-01-14 14:43:26 · 246 阅读 · 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 · 164 阅读 · 0 评论