html-note_伪类选择器

css3的选择器
    属性选择器：
        [标签属性]
        [标签属性="属性值"]
        【alt*=""】 *是模糊 ^是以它开头 $以他结尾 ~是选择最符合的例子是class="a b" ~=a 会选择有class="a b"的那个
    伪类选择器
        之前学的是所有子元素中的第几个
        下面的是
        同辈元素中的第几个
        :first-of-type{}
        :last-of-type{}
        :nth-of-type(n){}
    伪类选择器中的其他（ui伪类选择器主要给表单元素使用）
        :disable    不可用的
        :enable        可用的
        :checked    选中的
    伪元素选择器
        :first-letter/::first-letter        第一个字
        :first-line/::first-line        第一行
 
        :before/::before
        :after/::after
        
        浮动带来的副作用：
            父元素的高度塌陷
            后面的元素会占领前面元素的位置
        清除浮动的解决方案：
        1.给父元素加高
        2.给父元素加overflow
        3.加空白div
        4..clearfixed：after/before{
                
            }
 
h2:before{
    content:"20821309"
    background:red;
    float；right；            
}
用before after插入的是一种行内元素
最佳的清除浮动的方法
给父元素应用这个类
.clearfixed:after{
    content:".";
    clear:both;
    display:block;
    visibility:hidden; 可视化隐藏 还留有位置
    height:0;
}
.left{
    width:800px;
    height:200px;
    height:auto
    min-height:100px
}
 
li没有左边距没有右边距 只需要加中间间隔的解决方案
ul 加宽 再overflow：hidden; 溢出部分隐藏 不占用空间
 
 
图片列表的制作
CSS精灵
html5 新标签
 
 
    header 头部 可以有好几个头部 一般的网站都是一个 除了论坛微博等网站特殊外
    nav 导航
    footer    脚部
    aside    相当于main里面的left或者right
    time  
    address    地址
    hgroup    标题组
    <hgroup>
        <h2></h2>
        <h3></h3>
    </hgroup>
    sectione     区块 如果有标题和p     外层最好嵌套section
    video         视频     双标签 行内块元素
    audio         音频        行内元素
    之前都是用embed来写 H5都是用video和audio
、
top 下面  
一个w  
    p标签里面放了        
    span 北京  
    ul 超链接 字体之间的距离一开始是用width 然后采用了padding img插入到li中 不是用的背景图像
header
分三块做
h1  
h1 高度和 header一致
h1 给个背景 显示不全的时候加宽和高
第二块中间部分的时候
p标签最好用lineheight 如果用margin上面也有margin的时候不太好
图标用了i标签
文字用strong写
<figure> 图片列别的一个块级元素 H5专有标签
    <img src="">
    <figcaption>文字描述</figcaption>
</figure>
 
图片在左边 文字在右边 只需要给图片img设置一个左浮动就行
 
 
 
 
 
 
 
jingdong
    top 只有一行文字 给个高宽 line-height一下  子元素就不用设置高宽了
 
letter-spacing;10px 汉字之间的距离