摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width: 300px; height: 300px; padding: 10px; border: 2p 阅读全文
posted @ 2022-12-23 20:10 Rui2022 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 1、增加DIV 空的 但不建议 2、在父元素中设置高度 3、使用OVERFLOW 宁愿用hidden, 不要用scroll滚动条,看上去很怪异 4、在父类后添加一个伪类 :写法稍微复杂一点,但是推荐使用的。 #father:after{ content: ' ‘ ; display :block ; 阅读全文
posted @ 2022-12-23 19:44 Rui2022 阅读(29) 评论(0) 推荐(0) 编辑
摘要: Margin 外边距 Padding 内边距 Border 边框 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>box</title> <style> /*常见操作,初始化*/ h1,h2,ul,li,a,bo 阅读全文
posted @ 2022-12-23 16:23 Rui2022 阅读(21) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 1000px; height: 700px; border: 1px solid red; ba 阅读全文
posted @ 2022-12-23 15:16 Rui2022 阅读(18) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .demo a{ float: left; display: block; height: 50px; width: 5 阅读全文
posted @ 2022-12-23 13:30 Rui2022 阅读(33) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*结构伪类选择器,不需要特别记住 */ /*ul的第一个子元素 */ ul li:first-child{ backg 阅读全文
posted @ 2022-12-23 12:46 Rui2022 阅读(18) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*p{*/ /* background: #61e93e ;*/ /*}*/ /*1.后代选择器*/ /* body 阅读全文
posted @ 2022-12-23 11:05 Rui2022 阅读(12) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>/* 不遵循就近原则,id选择器>类选择器 > 标签选择器*/ #lr{ color: lightsalmon; } .c 阅读全文
posted @ 2022-12-23 10:36 Rui2022 阅读(11) 评论(0) 推荐(0) 编辑