摘要: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3初识(九)布局——定位与元素层级</title> <style> *{ margin: 0; padding: 0; } .box1,.box2,.bo 阅读全文
posted @ 2020-04-19 19:08 骨桜 阅读(208) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3初识(八)布局——高度塌陷最终方案</title> <style> *{ margin: 0; padding: 0; } .box1{ border: 阅读全文
posted @ 2020-04-19 17:08 骨桜 阅读(194) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3初识(七)布局——高度塌陷与clear属性</title> <style> *{ margin: 0; padding: 0; } div{ font- 阅读全文
posted @ 2020-04-19 16:28 骨桜 阅读(114) 评论(0) 推荐(0)
摘要: 深度了解BFC:https://www.cnblogs.com/hoboStage/p/5679349.html <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3初识(六)布局——高度塌陷与BFC</t 阅读全文
posted @ 2020-04-19 16:00 骨桜 阅读(143) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3初识(五)布局——浮动</title> <style> .list > div:nth-child(2n+1){ width: 100px; heigh 阅读全文
posted @ 2020-04-19 12:54 骨桜 阅读(158) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3初识(三)布局——盒子模型的尺寸、轮廓、阴影与圆角</title> <style> *{ /*在通配符里将默认样式清空(不完整)*/ margin: 0 阅读全文
posted @ 2020-04-19 11:55 骨桜 阅读(160) 评论(0) 推荐(0)