前端入门DAY4-学习笔记

盒子模型：


border表示边框。


border-top表示上边


border-bottom表示下边


border-left表示左边


border-right表示右边

padding表示里面的内容。padding内间距。


padding:10px 表示上下撑开10px


padding:10px 20px 表示上下10px 左右撑开20px


padding:10px 20px 30px表示上面撑开10px 左右撑开了
20px 下面撑开了30px


padding:10px 20px 30px 10px 表示上面撑开10px 右撑


开了20px 下面撑开了30px 左撑开10px   


margin 外间距。


伪类：


p:first-chid    a:link    a:visited    a:visited    a:active


input（:disabled所有被禁用    :enable所有可用的标签    :checked所有被选中的标签
       :foucus所有获取焦点的标签    :read-only只读不可写的标签    :read-write可读可写的标签)


css3新增伪类：


p:nth-child(2)父元素的第二个元素并且是p标签


p:nth-last-child(2)父元素的倒数第二个标签


p:nth-of-type(2)父元素的第二个p标签


p:nth-last-of-type(2)父元素的倒数第二个p标签


p:first-child 父标签的第一个标签并且是p标签


p:last-child  父标签的最后一个标签并且是p标签


p:first-of-type 父标签的第一个p标签


p:last-of-type  父标签的最后一个p标签






css定位：（绝对定位和相对定位、固定定位）


绝对定位：


1、绝对定位是脱离了文档流，不会单独占满一行，它的方位只会受到top left bottom right 的影响。
（position:absolute;）


2、一个块的top left bottom right是相对于什么呢？


1）如果它的父元素做了定位，就相对于的是最近的一个父元素。


2）父元素没有定位，就相对于body。


相对定位：


1、相对定位没有脱离文档流，会单独占满一行，它的方位只会受到top left bottom right 的影响。


2、相对定位的top left bottom right是相对于块的最近的一个父元素。


固定地位：


1、固定定位脱离文档流，不会单独占满一行。


2、top left bottom right始终相对于的是body。


[ top left bottom right只有设置了定位（绝对、相对、固定）的时候才有用。]