| | | |

2022年12月18日

浏览器兼容问题解决方法

摘要：阅读全文

posted @ 2022-12-18 12:55 7号彩虹阅读(157) 评论(0) 推荐(0)

2022年12月16日

精灵图的制作以及使用方法

摘要：使用方法： 1.HTML标签方式插入图片调节内外间距（需要小盒子作为容器） 2.background 方式加入图片通过background-position调节位置（需要小盒子作为容器） 3.使用before创建容器再用方法二插入图片代码示例（方法3） <!DOCTYPE html> <ht 阅读全文

posted @ 2022-12-16 18:00 7号彩虹阅读(403) 评论(0) 推荐(0)

自适应，高度塌陷解决方法

摘要：注意：方法2不建议使用阅读全文

posted @ 2022-12-16 17:52 7号彩虹阅读(15) 评论(0) 推荐(0)

2022年12月13日

相对于窗口水平垂直居中的3种方法

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; } .a { width: 300px; height: 300px; background-color: aqua 阅读全文

posted @ 2022-12-13 11:57 7号彩虹阅读(44) 评论(0) 推荐(0)

定位

摘要：注意： 1.先定位后z-index才有效 2.相对定位移动完位置原来的空间还在 3.想要绝对定位的参照物是父元素，父元素可以是绝对定位，父元素也可以是固定定位，同时也可以是相对定位，但是前面2个定位，会脱离文档流影响页面布局，所以常用于父元素给相对定位（父相子绝）阅读全文

posted @ 2022-12-13 11:54 7号彩虹阅读(82) 评论(0) 推荐(0)

2022年12月11日

盒子实现水平居中两种方法

摘要：对于一个盒子想要实现水平居中 1、给固定宽度，添加margin：0 auto；居中这个方法适合宽度固定的时候使用2、如果宽度未知，还想一直水平居中给想要居中的盒子添加display:inline-block; 然后在给想要居中盒子的父元素添加text-align:center; 代码示例： <! 阅读全文

posted @ 2022-12-11 11:17 7号彩虹阅读(233) 评论(0) 推荐(0)

2022年12月9日

元素类型

摘要：注意！！！行内块元素可以转块元素不能转为行内元素使用display:list-item的元素必须在列表里边才有效阅读全文

posted @ 2022-12-09 18:28 7号彩虹阅读(18) 评论(0) 推荐(0)

2022年12月6日

背景相关属性

摘要：阅读全文

posted @ 2022-12-06 21:33 7号彩虹阅读(28) 评论(0) 推荐(0)

2022年12月5日

CSS列表属性

摘要：阅读全文

posted @ 2022-12-05 18:58 7号彩虹阅读(17) 评论(0) 推荐(0)

2022年12月4日

css文本相关属性

摘要：阅读全文

posted @ 2022-12-04 20:46 7号彩虹阅读(17) 评论(0) 推荐(0)