一.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
|
管理
