摘要：一、实物图 二、重点难点分析 1.元素之间转换 display: inline-block; 是转换到块元素 display: inline-block; 是转换到行内元素 2.垂直居中效果 css里面没有垂直居中，可以设置为文字行内高度等于盒子的高度就可以实现垂直居中效果 三、代码展示 <!DOC
阅读全文
posted @ 2022-01-27 23:45
随笔分类 - css知识点
摘要：一、分类 1.背景颜色 2.背景图片 3.背景平铺 4.背景图片位置 5.背景图像固定 二、背景颜色 1.格式：background-color: 选择颜色 三、背景图片 1.描述了元素的背景图像，优点：便于控制位置 2.格式：background-image：none｜URL（URL） none:
阅读全文
posted @ 2022-01-27 23:40
摘要：一、分类 1.后代选择器 2.子选择器 3.并集选择器 4.伪类选择器 二、后代选择器 1.样例 实现效果： 理解：1.格式 元素一 （空格） 元素二{属性值} 三、子选择器 1.样例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta cha
阅读全文
posted @ 2022-01-26 23:42
摘要：一、目标图 二、重点难点分析 1.引用css：选择了行内式和嵌入式 行内式：直接在标签内部使用，如下图：<p></p>里的文字向左 并且首行缩进2个文字 嵌入式：在<hea></head>里面定义，然后在<body>里使用，如下图 三、代码 1 <!DOCTYPE html> 2 <html lan
阅读全文
posted @ 2022-01-26 21:59
