- 博客(9)
- 收藏
- 关注
原创 display:inline-block
每次使用display:inline-block时底部都会出现一个小空白 为了解决配合vertical-align: top;使用即可解决
2020-03-04 17:05:42
125
原创 盒模型属性
规定了两个同行div宽度都为50%后,怎么加padding 如果一行中两个div宽度分别都为父级的50%,那么加padding后,宽度就会变为100%+padding 这时只需要给这两个div一个class,里面加上一个和模型属性 box-sizing: border-box; 这样就完美解决问题啦 ...
2020-03-04 16:38:15
155
原创 用CSS画一个三角形
不用canvas怎么画一个三角形 div{ border :150px soild transparent; width:0px; heigth:0px border-left-color:E6686A; border-top-width:0px; } 直接复制就OKl
2020-03-02 22:03:15
283
原创 postion-fixed元素
脱离文档流后内容像向内缩 为了让导航栏和图片重合,使用了postion-fixed 但是使用后发现原本左右分开的布局缩到了一起 这时不是因为布局被打乱了,而是因为脱离文档流后,原div的宽度变化了,只需要给div加上宽度100%即可,不到万不得已尽量不适用宽高属性,不然很容易出BUG 这里的BUG就是让导航栏其他原本距离右边有距离,这时变成了没有距离 ...
2020-03-02 21:26:36
392
原创 CSS小技巧之———字体名称
从word里面找字体 新建一个word文档,输入一段话,然后点击字体,里面的英文样式都是可以使用的哦 在需要改变字体样式的代码中加入 font-family: "Fredoka One"; 即可更改字体 ...
2020-03-02 20:27:49
225
原创 如何解决航向导航栏浮动问题
怎么让后面的元素不跟随浮动 这两个完全处于不同的div里,但是相互影响 解决方法就是给所有浮动的父类元素添加一个类来去除这个BUG .clearfix::after{ content: ''; display: block; clear:both ; } 问题自动解决 ...
2020-03-02 19:58:07
807
原创 宽度高度老出错
尽量抛弃宽度和高度元素 新手写css时时常会用到宽度width和高度height这两个属性,遇到内联元素时这两个元素会潜在无穷的BUG max-width会自适应,比width更优化页面 padding用于取代宽度方便以后页面的迭代更新 ...
2020-03-02 15:33:11
316
原创 span内高度不同的问题
span会因为字体的不同而高度不一致 这是因为span内存在一个建议高度,浏览器会默认取建议行高 解决方法就是设置上span的高度也就是line-hight
2020-02-26 21:07:07
1888
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人