8.24课程内容总结

1.没有语义的标签span、div
        <span></span>
        一行里面可以放置多个span标签；宽高由内部元素决定；
        <div></div>
        单独占一行；

    2.w3c三层分离的标准：
        html:从语义的角度来描述页面结构
        css:从样式上来修饰结构
        js:负责让页面动起来

    3.css的学习
        与css相关设置放在style里面，style放在head之中，title下面

        属性：
        <style>
            p {
            color: red; 字体颜色
            font-size: 40px; 字体大小
            background-color: pink; 背景颜色
            width: 100px; 宽
            height: 100px; 高
            }
        </style>

        字体属性：
        <style>
            div {
                font-size: 18px; 大小
                font-weight: 700; 粗细（100-900、bold\normal）
                font-family: "宋体"; 字体类型（宋体、楷体、微软雅黑）
                font-style: italic; 样式倾斜（normal\italic）
                font: italic 700 18px "微软雅黑" ;(size 和 family 必须)
            }
        </style>

        颜色取值：
        red yellow pink 
        #000 #0094ff 
        rgb(0,0,0)
        rgba(0,0,0,0)

    4.选择器
        标签选择器：
        <style>
            标签名（选择器） {
                属性名1：属性值1；
                属性名2：属性值2；
            }
        </style>

        类选择器：
        <style>
            .pink {
                color: pink;
            }
        </style>
        .
        .
        <p class="pink"></p>

        文字居中：
        text-align: center;