Web前端基础-CSS美化文档

it2025-04-26  19

CSS-美化文档

1,HTML内部添加样式 关键字为style,在input标签中添加style=""即可

<input type="text" placeholder="手机号码" style=""> //注意关键字和标签名之间要空格隔开

2,字体大小/字体粗细

字体大小 设置格式 font-size:36px; 【字体大小/关键字:字体大小的尺寸/值(冒号隔开,分号结尾)】字体加粗 设置格式 font-weight:100; 【normal(正常粗细),lighter(细),bold(粗),bolder(更粗),其他粗细(100,200,300,~900任意)】 3,字体颜色/文字对齐方式颜色 1,英文字母形式 color:black; color:red; 2,十六进制颜色(用的多) color:#DAE8FC 【由#开头,后面三个数字,范围为00~FF】 3,rgb形式 (red,green,blue三种颜色深浅决定)范围均为0~255 color:rgb(253,217,233) 4,rgba形式 比rgb多了a,Alpha(透明度),数值在0~1 color:rgb(253,217,233,0.3) 文字居中/居左/居右 text-align:center;居中对齐 text-align:left;居左对齐 text-align:right;居右对齐 4,文字行高/字间距/字体 1,行高设置格式 line-height:30px; 2,字间距格式 letter-spacing:30px; 3,字体设置格式 font-family:sans-serif; font-family:字体a,字体b,字体c; 【使用字体,需要使用者电脑安装这个字体;可以多设置几个字体,浏览器按顺序向后加载,若都没有,使用默认字体】
最新回复(0)