2021年7月5日
清除浮动（塌陷问题最终解决方案）
摘要： <!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)
2021年7月4日
文档流
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ background-color: #BBFFAA; padding-left: 200px; } 阅读全文
posted @ 2021-07-04 18:19 2237774566 阅读(30) 评论(0) 推荐(0)
overflow
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 200px; height: 200px; background-color: #BBF 阅读全文
posted @ 2021-07-04 15:21 2237774566 阅读(108) 评论(0) 推荐(0)
display和visibility
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> a{ background-color: #BBFFAA; /* 将一个内联元素变成块元素 通过display样式 阅读全文
posted @ 2021-07-04 15:08 2237774566 阅读(57) 评论(0) 推荐(0)
2021年7月3日
内联元素盒子模型
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> span{ background-color: #BBFFAA; } .box1{ width: 100px; h 阅读全文
posted @ 2021-07-03 20:56 2237774566 阅读(50) 评论(0) 推荐(0)