摘要: 父级边框塌陷问题: clear:right 右侧不允许有浮动元素 clear:left 左侧不允许有浮动元素 clear:both两侧不允许有浮动元素 clear:none 可以让其浮动 解决方案 1、增加父级元素的高度 2、增加一个空的div标签,清除浮动 3、overflow 在父级元素中增加一 阅读全文
posted @ 2022-03-28 23:15 doremi429 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 块级元素:独占一行 h1-h6 p div 列表..... 行内元素:不独占一行 span a img strong.... 行内元素 可以被包含在块级元素中,反之,则不可以 display 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta 阅读全文
posted @ 2022-03-28 22:25 doremi429 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 圆角边框: 4个角 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 /*左上 右上 右下 左下,顺时针方向*/ 8 /*圆圈:圆角=宽度 阅读全文
posted @ 2022-03-28 22:05 doremi429 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 盒子模型: margin:外边距 padding:内边距 border:边框 边框: 边框的粗细 边框的样式 边框的颜色 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</ti 阅读全文
posted @ 2022-03-28 21:27 doremi429 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 背景 背景颜色 背景图片 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 <style> 8 div{ 9 width: 1980px; 10 heig 阅读全文
posted @ 2022-03-28 19:32 doremi429 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 列表 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <link rel="stylesheet" href="1.css" type="text/css" 阅读全文
posted @ 2022-03-28 11:39 doremi429 阅读(41) 评论(0) 推荐(0) 编辑