颜色，字体简单样式和行间距

颜色

RGB用法

.box{
    width:200px;
    height:200px;
    background-color:rgb(255,0,255)
}

255是最大，0最小

.box{
    width:200px;
    height:200px;
    background-color:rgb(100%,0%,100%)
}

100%百分百最大，跟255方式一样

.box{
    width:200px;
    height:200px;
    /*background-color:#ff0000;*/
    background-color:#f00;
}

十六进制写法,数字越小颜色越深,如果两位都是一样的可以简写,不一样的必须写完整

---

字体样式

.p1{
    color:red;
    font-size:30px;
}

如果设置字体像素为30，那就是30px，如果没有设置就默认16px。

.p1{
    color:red;
    font-size:30px;
    font-family:arial;
}

英文字体是不包含中文字体的，浏览器就会默认一个字体

.p1{
    color:red;
    font-size:30px;
    font-family:华文彩云,arial,微软雅黑;
}

设置多个样式要用逗号分隔

.p1{
    color:red;
    font-size:30px;
font-family:"Segoe Script";
}

因为字体名称中间有空格，必须要用引号引起来

行间距

line-height

.p1{
    width:200px;
    height:200px;
    line-height:200px;
}

要想设置垂直居中，height多高，行高就设置多高