css基础

1.<div></div>自动换行 <span></span>
2.css选择器：在head标签中写 （内部样式） 外部样式 行内样式
    1）元素选择器：
        <style>
            div{
                属性：属性值
                属性：属性值
                }

        </style>
    2）ID选择器：
        <style>
            #div1{
                属性：属性值
                属性：属性值
                }

        </style>
    3）类选择器：
        <style>
            .style1{
                属性：属性值
                属性：属性值
                }
        </style>
            
3.css引入方式：内部样式、外部样式、行内样式
    1）head标签写link标签（href="style.css"）--->外部样式
    2）div标签中style样式标签：float：left/right（css浮动）backgrond-color、width、height属性--->行内样式
        清除浮动：style="clear：both;"
4.css选择器的优先级：行内样式>ID选择器>类选择器>元素选择器
类选择器有就近原则
属性选择器：根据属性的不同就行选择
后代选择器：h1 em{}
伪类选择器：用在a标签上
        <style>
            a:link {color: red}//未访问的链接
            a:visited {color : #00FF00}//已访问的链接
            a:hover {color : #FF00FF}//已访问的链接
            a:active {color : #0000FF}//选定的链接
        </style>