盒子模型:
border表示边框。
border-top表示上边
border-bottom表示下边
border-left表示左边
border-right表示右边
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只有设置了定位(绝对、相对、固定)的时候才有用。]
border表示边框。
border-top表示上边
border-bottom表示下边
border-left表示左边
border-right表示右边
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只有设置了定位(绝对、相对、固定)的时候才有用。]