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