一.wordpress部署
    把内容管理系统:cms(content management system)
    1.作用:
        用于可视化的发帖页面,发布文章,修改文章,删除文章,发布个人博客
    2.部署步骤
        1)解压-->放在服务气中
        2)在浏览器访问wordpress--->http://localhost/1809B-H5+C3/day3-wordpress/wordpress/wp-admin/setup-config.php?step=1&language=zh_CN
        3)Let is go
        4)配置数据库,创建数据库名字要与配置的一样,账号密码自己设置,表前缀自己定义
        5)点击submit
二.CSS3选择器
    1.css2.1 选择器
        标签     div{}
        类      .class{}
        id      #id{}
        通配符   *{}   
        后代     div p span
        交集     div.class#id
    2.关系选择器
        儿子 div>p IE7开始兼容
        下一个兄弟 div+p  IE7开始兼容
        后边所有兄弟 div~
        jquery都可以使用这些选择器,IE6也可以兼容 (jQuery-1.12.3  兼容最强的一个版本)
    3.属性选择器
        在css3中,标签可以通过任何属性被选择
        1)E[attr = 'val']   CSS3
            选择属性attr的值为val的E元素  
        2)E[attr^='val']   CSS3
            选择具有attr属性并且值是以val开头的E元素
        3)E[attr$='val']   CSS3
            选择具有attr属性并且值是以val结束的E元素
        4)E[attr*='val']   CSS3
            选择具有attr属性并且值是包含有val的E元素
        5)E[attr|='val']   CSS3
            选择具有attr,并且属性值是以 - 分割,并且 - 前边的内容是 val 的 E 元素
        6)E[attr~='val']   CSS3
            选择具有attr,并且属性值是以 空格分隔,并且 空格 后边的内容是 val 的 E 元素
    4.序选择器
        结构伪类
        1)p:first-child  第一个p标签 
        2)p:last-child  最后一个p标签 
        3)p:nth-child(n)  第n个p标签
        4)p:nth-last-child(n) 
        5):nth-of-type(n)直属p标签的
        jQuery都是可以使用的
            $('p').eq(3);
            $('p:nth-child(3)');
    5.伪类选择器
        a标签的伪类选择器
            link visited hover active
        1) hover   
            可以给任何元素使用
        2)focusz
            获取焦点,当一个表单元素获取焦点,触发这个样式
        3)not
            p:not(.pp)
            选择p标签,不带类名为pp的p标签
        4)only-child
            唯一的儿子
            p:only-child{}
            如果一个p标签是父元素唯一的儿子,就会被选中
        5)empty
            空标签
            当一个标签首尾相连,其中没有任何内容,即为空标签<div></div>
        6)checked
            表单元素中单选按钮活复选框选中时会触发样式
        7)disabled    enabled   ie9
            无效的表单元素和有效的表单元素
    6.伪元素
        ::表示伪元素
        伪元素必须书写的属性是content
        1)::before   ::after
            这两个都是行内微元素 需要转换为块级元素或者脱标才能设置宽高
        2)::selection
            被选中的文本样式 ie9
        3)::frist-letter ::first-line
            第一个文字和第一行文字
    7.圆角
        border-radius   单位px % em      ie9
        border-bottom-radius
        border-bottom-left-radius