html标签以及样式

img标签

1.<img src=”路径” width=”宽度” style=”color:red;样式:值”>

发现问题：
style中的属性：
1.内容样式不分离
2.代码重复

将style属性写在head中;

下面将举例，并且介绍各个属性

    <style>
    body{                                     //body标签选择器
        text-align: center;                   //内容居中
        line-height: 1.5;                     //行高：1.5倍字体高度(文字属性)
    h1{                                       //h1标签选择器
        color: red;                           //文字颜色：红色(文字属性)
        font-size: 30px;                      //文字大小：30个像素(文字属性)
        text-decoration: underline;           //文本线条：下划线(文字属性)
        font-weight:bold;                     //  粗体
        text-shadow: 4px 4px 5px red;         //文字阴影 x轴  y轴 阴影像素  颜色(文字属性)
    }
    p{
        text-indent:2em;                       //首行缩进：2个字符(文字属性)
    }
    img{
        border-radius: 50%;                     //添加圆角边框：高度为50%
    }
    .time{                                     //类选择器
        color: gray;
    }        
</style>

css的样式查询

查询文档