摘要：
图层~ z-index： 默认是0，最高无上限~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/style.cs 阅读全文
posted @ 2022-04-12 00:00
少时凌云志
阅读(39)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{ height: 1000px; } div:nth-of-type(1){/*绝对定位，相对于浏览器*/ 阅读全文
posted @ 2022-04-11 23:59
少时凌云志
阅读(26)
评论(0)
推荐(0)
摘要：
定位：基于xxx定位，上下左右 1、没有父元素定位的前提下，相对于浏览器定位 2、假设父级元素存在定位，我们通常会相对于父级元素进行偏移 3、在父级元素范围内移动 相对于父级或浏览器的位置，进行指定的偏移，绝对定位的话，它不在标准文档流中，原来的位置不会被保留 <!DOCTYPE html> <ht 阅读全文
posted @ 2022-04-11 23:56
少时凌云志
阅读(128)
评论(0)
推荐(0)
摘要：
相对定位 1.默认情况 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ margin: 10px; padding: 5px; font-size: 10 阅读全文
posted @ 2022-04-11 23:44
少时凌云志
阅读(65)
评论(0)
推荐(0)
摘要：
clear /* clear: right; 右侧不允许有浮动元素 clear: left; 左侧不允许有浮动元素 clear: both; 两侧不允许有浮动元素 clear：none; */ 解决方案： 1、增加父级元素的高度~ #father{ border: 1px #000 solid; h 阅读全文
posted @ 2022-04-11 23:41
少时凌云志
阅读(39)
评论(0)
推荐(0)
摘要：
左右浮动 float <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>浮动</title> <link rel="stylesheet" href="css/style.css" type="text/css 阅读全文
posted @ 2022-04-11 23:36
少时凌云志
阅读(106)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- block 块元素 inline 行内元素 inline-block 是块元素，但是可以内联，在一行！ none 消失 - 阅读全文
posted @ 2022-04-11 23:34
少时凌云志
阅读(143)
评论(0)
推荐(0)
摘要：
标准文档流 块级元素：独占一行 h1~h6 p div 列表... 行内元素：不独占一行 span a img strong... 行内元素可以被包含在块级元素中，反之，则不可以 阅读全文
posted @ 2022-04-11 23:33
少时凌云志
阅读(26)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--margin:0 auto; 居中 要求：块元素，块元素有固定的宽度 --> <style> img{ border-rad 阅读全文
posted @ 2022-04-11 23:31
少时凌云志
阅读(16)
评论(0)
推荐(0)
摘要：
4个角 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 左上 右上 右下 左下，顺时针方向 --> <!-- 圆角： 圆角 = 半径！ --> <style> div{ 阅读全文
posted @ 2022-04-11 23:29
少时凌云志
阅读(63)
评论(0)
推荐(0)
浙公网安备 33010602011771号