Term

图片按钮 盒子标签 外部独立 CSS

Definition

<input type="image"> <div class="类名">内容</div>：网页万能容器盒子 2.html 头部引入：<link rel="stylesheet" href="文件名.css">

Term

字体设置 2. 文字对齐 & 上下移动

Definition

p{ font-family:"幼圆","方正卡通简体",sans-serif;/*卡通圆润字体，你图片同款*/ font-size:40px;/*字号px*/ color:#fff;/*文字颜色，英文/十六进制/rgba*/ font-weight:bold;/*加粗*/ } 整体居中：父元素text-align:center; 文字靠左：删掉居中，text-align:left; 文字下移：margin-top:100px;（数值越大越靠下）

Term

页面背景 + 半透明遮罩卡片 全屏图片 + 黑色阴影遮罩

Definition

body{ background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url("图片全名.jpg"); background-size:cover;/*铺满屏幕*/ background-position:center;/*图片居中*/ background-repeat:no-repeat;/*不平铺*/ min-height:100vh;/*高度占满全屏*/ } rgba(黑,黑,黑,透明度)：最后 0~1，数字越大阴影越深