<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*1.颜色属性*/
/*颜色代码写法：1.通过英文*/
/* 2..#cc3399(#c39)
3.通过rgb(255,255,255)
4.过rgba-----第四个参数代表透明度,取值范围是0-1(255,255,255,0.2)*/
/*p{*/
/*color:#c39;*/
/*}*/
/*p{*/
/*color:#cc3399;*/
/*}*/
/*p{*/
/*color:rgb(1,245,244)*/
/*}*/
/*p{*/
/*color:rgba(1,245,244,0.6)*/
/*}*/
/*2.字体属性*/
/*p{*/
/*font-size:45px;*/
/*!*font-style:oblique;*!*/
/*font-style:italic;*/
/*font-family:'Times New Roman' !*字体样式*!*/
/*!*font-weight:100;!* 调整字体粗细*!*!*/
/*}*/
/*3.背景属性*/
/*取消图片与外边界的边距*/
*{
margin:0;
}
/*#div1{*/
/*height:1600px;*/
/**/
/*background-image:url("1.jpg");!* 效果是很多张平铺*!*/
/*!*background-repeat:repeat-x; !*按照那种方式平铺-----x*!*!*/
/*background-repeat:repeat-y; !*按照那种方式平铺----y*!*/
/*background-repeat:no-repeat;!* 不重复 *!*/
/*background-size:600px,600px;*/
/*background-position: center center;*/
/*}*/
/* 简写*/
/*#div1{*/
/*height: 1000px;*/
/*background: url("1.jpg") no-repeat 100px 100px blue;*/
/*}*/
/*4. 文本属性*/
p{
background-color: red;
text-align:center;
line-height:100px;/*设置行高*/
letter-spacing:5px;/* 设置字母之间的距离*/
word-spacing: 10px;/* 设置单词之间的距离*/
text-transform:capitalize;/* 将每个单词 第一个字母大写*/
}
</style>
</head>
<body>
<!--2字体属性-->
<!--<p>hello p</p>-->
<!--3背景属性-->
<div id="div1"></div>
<!--4. 文本属性-->
<p>hello p Go Home Or Go big</p>
</body>
</html>