CSS入门

一：引入style的属性结构：

<img src="xxx" alt="" width="300px"
style="xxxxxx"

二：字体样式（新加标签）
字体颜色、字体大小、粗体、下划线、文字（标题）居中、阴影、行高、字体

<span style="color:xxx; 
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
        text-align:center;
        text-shadow: 9px 4px 20px black;
        line-height: 1.5;
        font-family: arial;"
></span>

三：样式和内容分离
用标签统一设置代替每个元素后面的属性的语法

<style>
h1 {
color:xxx;font-size:30px;
text-decoration: underline;
}

四、将元素分类命名
类选择器

class="note"
class="xxx命名"

.note{
color: xxx;
}
.xxx命名{
color: xxx;
}

【代码截图】

屏幕快照 2018-03-20 下午7.04.16.png