div{
width: 500px;
height: 800px;
background-color: aqua; /* 背景颜色 */
background-color: rgb(255.0.0); /*rag三色取色红黄蓝数值越大,数值在0-255之间,颜色越深,对颜色有了解的比较好用*/
/* background-color: rgba(255.0.0.10); 跟上面相比多了个a,a是透明度,透明度有1--10 */
/* background-color: #ff0000; 十六进制由上面的转换而来,详情请去了解进制间的转换 */
font-family: '微软雅黑';
/* font-family字体设置 */
font-style: normal;/* font-style字体倾斜 */
/* font-style:normal不倾斜,正常 */
/* font-style: italic;斜体 */
/* font-style: oblique;倾斜 */
font-weight: normal; /* font-weight加粗字体normal不加粗,正常 */
/* font-weight: bold; bold粗体 */
/* font-weight: bolder; 加粗 */
/* font-weight: lighter; 细体 */
/* font-weight: 400; 字体粗细,100-400细体,400-500正常,500-900粗体 */
/* 数字控制自行体会,大小随心 */
/* line-height: 50px; 行高,用于设置文字行高,要大于文字高度哦 */
/* 行高要设置单位,不设置单位默认为倍数 */
/* font:font-style的值 font-weight的值 font-size的值 / line-height值 font-family值
这是简写的方法,直接写值,用空格隔开,*/
}
div p{
color: chartreuse;
}
/* 包含选择器,只有div内部的p标签的会发生变化 */
/* div这个叫标签选择器,修改所有同类标签,包括p,body,h1~h6都可以用标签选择器 */
#am{
color: #0000FF;
text-align: center;
}
/* #+id这个叫id选择器id值是唯一的,不可重复 */
.dm{
text-align: center;
color: #FF0000;
}
/* .+类名这个是类选择器,可以用class导入,可以重复多用 */
/* 多个选择器在同一标签,优先级id选择器最大,剩下俩自己试去 */