- 博客(8)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 标签分类
标签按类型划分:block:div、p、ul、li、h1~h6等等inline:span、a、em、strong、img等等inline-block:input、select等等block标签特性:1、独占一行2、支持css的所有样式(背景色、margin、padding、宽高等等)3、不写宽的时候,跟父元素的宽相同4、所占区域是一个矩形...
2019-10-25 14:55:24
601
原创 VUE重要的知识点
VUE重要的知识点 乱序SLOT插槽SLOT插槽1.替换SLOT插槽时绑定的class也被替换导致无效的解决方法:https://www.bilibili.com/video/BV15741177Eh?p=120 见视频7min处。2.待补充
2020-06-24 10:49:34
229
原创 布局:简解PC端管理后台页面
注:BFC规范解决覆盖问题 https://www.bilibili.com/video/av68866999/?p=166
2019-11-19 20:21:23
817
原创 CSS定位
position:static(默认)relativeabsolutefixedsticky(黏性)relative:1、如果没有定位偏移量,对元素本身没有任何影响2、不使元素脱离文档流★3、不影响其它元素布局★4、left、top、right、bottom是相对于当前元素自身进行偏移的absolute:1、使元素完全脱离文档流★2、使内联元素支持宽高(让内联具备块特...
2019-10-27 15:27:34
157
原创 常见问题:img图片与容器底部有一些间隙
看这个现象,底部有间隙:然后我们加一些字看看:img标签的vertical-align属性就是对齐方式,默认值是baseline也就是按照文字的基线对齐,所以会产生空隙我们将其改为bottom,按照文字的底线对齐,空隙就没有了:以上是推荐解决方案,还有一种就是将img转换成块元素,不是内联元素也就不会有缝隙了:...
2019-10-25 18:59:40
537
原创 盒模型:width、height不设置时,对盒模型的影响
先写一个嵌套的盒子,在不设置width100%的情况下盒子2的宽度也会占满整个容器此时我们给盒子2加一个30px左内填充,会发现盒子2超出了30px:再加一个10px左边框,发现再次超出了10px:此时你可能会想到将盒子2的box-sizing设为border-box,此时宽度值300px将包含边框、内填充和内容(content),而不仅仅是把content设为300px:其实不...
2019-10-25 13:48:09
919
1
原创 盒模型:关于margin的左右自适应与上下自适应
首先写一个盒子:加入margin-left: auto;左外边距自动(自适应)效果:改为margin-right: auto;右外边距自动(自适应)效果:改为左右外边距都自动的(左右自适应)水平居中效果:那我上下是不是也可以自适应来达到垂直居中的效果呢?结果是不可以的:结论:margin左右自适应是可以的,但上下自适应是不行的。原因:浏览器在进行CSS渲染的时候,跟其它的样式...
2019-10-25 12:46:23
3336
1
原创 仿制《蓝色警戒》
仿制《蓝色警戒》预览:主界面:只做了2关练习关卡预览:正式关卡预览:没有制作存档和读档功能制作了原版的15种坦克,还有5种机器人未制作,罗根炸弹未完成文件大小90.2MB 压缩包大小42.6MB链接: https://pan.baidu.com/s/1BTyIoi0YFWBxeZkBfqU0eQ 提取码: d6ck## 标题...
2019-01-02 15:34:17
1814
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人