摘要：
一、实物图 二、重点难点分析 1.元素之间转换 display: inline-block; 是转换到块元素 display: inline-block; 是转换到行内元素 2.垂直居中效果 css里面没有垂直居中，可以设置为文字行内高度等于盒子的高度就可以实现垂直居中效果 三、代码展示 <!DOC 阅读全文
posted @ 2022-01-27 23:45 AcTourist 阅读(53) 评论(0) 推荐(0)
摘要：
一、分类 1.背景颜色 2.背景图片 3.背景平铺 4.背景图片位置 5.背景图像固定 二、背景颜色 1.格式：background-color: 选择颜色 三、背景图片 1.描述了元素的背景图像，优点：便于控制位置 2.格式：background-image：none｜URL（URL） none: 阅读全文
posted @ 2022-01-27 23:40 AcTourist 阅读(108) 评论(0) 推荐(0)
摘要：
一、分类 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 AcTourist 阅读(89) 评论(0) 推荐(0)
摘要：
一、目标图 二、重点难点分析 1.引用css：选择了行内式和嵌入式 行内式：直接在标签内部使用，如下图：<p></p>里的文字向左 并且首行缩进2个文字 嵌入式：在<hea></head>里面定义，然后在<body>里使用，如下图 三、代码 1 <!DOCTYPE html> 2 <html lan 阅读全文
posted @ 2022-01-26 21:59 AcTourist 阅读(44) 评论(0) 推荐(0)
摘要：
一、目标实物图 二、知识点 1.表格<table> 2.<input> 3.<select>下拉选项 4.<ul> 三、重点难点分析 1.先创建一个table 把页面分成两边，也可以加个borde="1"把边框显示出来 2.下拉选项 标准格式： <select name="" size="" mul 阅读全文
posted @ 2022-01-25 15:26 AcTourist 阅读(102) 评论(0) 推荐(0)
浙公网安备 33010602011771号