1.选择到div
2.设置样式
颜色单位:
1.关键字
2.rgb(r,g,b)三原色;0-255之间
3.rgba(r,g,b,a);a:0-1取值;
0代表完全透明 1代表完全不透明
4.16进制颜色值
#fff 白色
#ccc 灰色
#000 黑色
尺寸单位:
1.px 绝对单位 像素
2.em 相对单位 默认1em=16px
3.百分比 相对单位
相对父元素
文本样式:
font-style: italic;斜体
font-style: normal;正常
font-weight:bold;加粗
text-transform:lowercase; 文本转换为小写
text-transform:uppercase; 文本转换为大写
text-transform:capitalize; 文本首字母大写
text-transform:full-width; 文字占据相同空间
font-size 字体大小
text-align: right; 靠右
text-indent: 2em;首行缩进
text-shadow: 10px 10px 5px red; x轴 y轴 模糊值 阴影颜色
text-decoration: none;清除文本格式
text-decoration: underline;下划线
text-decoration: overline;上划线
text-decoration: line-through;删除线
font-family:"黑体","宋体","微软雅黑"; 字体样式
加载网络字体:
1.下载字体
2.声明字体
3.使用字体
.t4{
font-family: "myfont04";
}
@font-face {
font-family: myfont;
src: url(../手绘常用字体/冬天的汤圆.ttf);
字体图标:
1.fontawesome
2.iconfont
继承属性
initial 不继承父元素属性
inherit 继承父元素属性