HTML+CSS学习
Tiny2017
这个作者很懒,什么都没留下…
展开
-
前端风格指南
1.css命名规范特别声明:此篇文章由David根据csswizardry的英文文章原名《MindBEMding – getting your head ’round BEM syntax》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax以及作者相关信息——作者:csswizardr原创 2020-12-11 10:46:42 · 217 阅读 · 0 评论 -
css布局方式,实现四宫格,九宫格,16宫格等切换
1.借助absolute方位值,实现自适应的网格布局,用伪元素间隔absolute+四个方位值撑开局面、float+宽度百分比实现横向排列。高度百分比实现自适应。最外层的父元素使用absolute负责占位,给子元素们把空间拉开,或者固定宽高也行效果图ul{ height: 100%; padding: 0; position:absolute; left:0; top:0px; right:0; bottom:0;原创 2020-12-03 20:34:31 · 5400 阅读 · 0 评论 -
前端开发时的小技巧
1.console.log()**用法1:console.log('abc') // abc用法2,打印全名变量: let a = 5 console.log({ a }) // {a: 5}用法3,高级格式化:let obj = { name: '深深', age: 18, stature: '3m'}console.log('深深的个人资料: %O', obj...原创 2020-05-07 16:59:41 · 173 阅读 · 0 评论 -
CSS 关于子盒子设置margin,溢出父盒子的问题
CSS 关于子盒子设置margin,溢出父盒子的问题问题分析:通常情况下,一个盒子的width=border+margin+padding+width,然后当我的子盒子width设置100%自父盒子时,再设置margin-left或margin-right,就会发生盒子溢出现象。解决方法:方法一:给父盒子设置box-sizing: border-box,设置这个之后,padding mar...原创 2019-11-07 17:37:55 · 6148 阅读 · 2 评论 -
-webkit-line-clamp html限制段落多行,多余的用...代替显示
-webkit-line-clamp html限制段落多行,多余的用…代替显示 font-size 13px text-overflow ellipsis // 超出部分用'...'代替 -webkit-line-clamp 5 // 限制显示的行数 display -webkit-box // 弹性盒子模型 ...原创 2019-09-17 15:48:57 · 323 阅读 · 0 评论