css的属性操作1

<!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;*/
         /*}*/
        /* 简写*/
        /*#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>
猜你喜欢
