2021年7月5日
相对定位
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 200px; height: 200px; background-color: red 阅读全文
posted @ 2021-07-05 21:54 2237774566 阅读(93) 评论(0) 推荐(0)
开班信息练习
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*清除默认样式*/ *{ margin: 0; padding: 0; } /*统一页面中字体*/ body{ 阅读全文
posted @ 2021-07-05 21:13 2237774566 阅读(41) 评论(0) 推荐(0)
清除浮动（塌陷问题最终解决方案）
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 100px; height: 100px; background-color: #BB 阅读全文
posted @ 2021-07-05 15:45 2237774566 阅读(155) 评论(0) 推荐(0)
导航条练习
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>导航条练习</title> <style type="text/css"> /*清除默认样式*/ *{ margin: 0; padding: 0; } /*设置ul*/ .nav 阅读全文
posted @ 2021-07-05 15:42 2237774566 阅读(36) 评论(0) 推荐(0)
高度塌陷问题及解决方法
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ border: 10px solid red; /* 在页面中，元素都有一个隐含属性叫Block F 阅读全文
posted @ 2021-07-05 14:55 2237774566 阅读(212) 评论(0) 推荐(0)
简单布局
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>固定布局和自适应布局</title> <style type="text/css"> /*清除默认样式*/ *{ margin: 0; padding: 0; } /*头部*/ . 阅读全文
posted @ 2021-07-05 11:47 2237774566 阅读(22) 评论(0) 推荐(0)
浮动二
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浮动二</title> <style type="text/css"> .box1{ /* 文档流中，子元素的宽度默认占父元素的全部 */ /* width: 100px; */ 阅读全文
posted @ 2021-07-05 11:12 2237774566 阅读(24) 评论(0) 推荐(0)
浮动一
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 600px; height: 200px; background-color: red 阅读全文
posted @ 2021-07-05 10:44 2237774566 阅读(34) 评论(0) 推荐(0)