页面背景-伪类选择器-相对定位-块和内联转换

---

---

页面背景

1.页面添加：在适当时间后刷新页面

meta http-equiv=”refush” content=”5”

2.关于网页背景的设置

background-color： //设置背景颜色
background-image：url（）； //设置背景图片
background-repeat: no-repeat; //背景图片不平铺
background-repeat: repeat ; //在x轴平铺
background-position： px % //背景的位置
background-position：center bottom;
background-attachment:scroll; //是否随背景移动

3.圆形形状

border-radius: px [px px px] //设置弯曲的角度

4.居中显示

margin: 0 auto; 上下边界为0，左右根据宽度自适应相同值
要求必须有宽度，如果被注释掉，则无法显示

5.box-sizeing标签

---

伪类选择器

:root{} //设置整个页面的样式
body{} //设置页面里面的元素的样式，空白页则无

div：hover{} //当元素被鼠标悬浮，呈现效果
/* 伪类hover实现高亮显示*/
div：active{} //当元素被点击的时候
input : focus{} //聚焦作用
：checked{} //当被单选选中时候会。。
div：visited{} //当第一次访问之后，浏览器会记住
div：before{} //在当前元素的前面添加东西
p：：first-letter //首字母的样式

z-index:x; //设置元素的堆叠顺序，越大越显现

---

相对定位

position： relative； //位置设定，相对或者绝对
top： px； //当前与上一级元素的距离 ab是与边框的
与相对定位结合使用

杂乱无章

text-decoration: node; //设置没有下划线
underline 添加下划线
div，a{} // 组合选择器
“#” //表示空链接
white-space： normal /nowrap :规定元素内的文本不换行
font-weight：bold; 字体重
border-collapse:collapse; 合并后是单线表格

块和内联转换

display: inline; //变内联
display： block ； //变成块
display : inline-block; //同时具备两种
dispaly属性转换内联元素和块级元素