day5 css样式表(格式和布局)
格式大体可以分为三种,写在head里面,用<style></style>写
1.position:fixed
锁定位置(相对于浏览器的位置,跟浏览器一块走),比如右下角的弹窗。
里面可定义border,width,height,margin,background-color,left(左移动),bottom, postion:fixed。
2..position:absolute
绝对定位。如果外层有position:absolute或者position:relative,那么div相当于外层边框的位置;
如果外层没有position:absolute或者position:relative,那么div相当于浏览器的定位。
里面可加属性与position:fixed一样。
3.position:relative
相对定位。相对于默认位置的定位。
里面可加属性与position:fixed一样。
内容会相互覆盖,可用z-index+数字,来改变层数,数字越大越靠上面,初始层数是1。
4.float:left,right
用于定位里面,float:left,左侧不浮动,从左到右依次排列
5.overflow:hidden
超出部分隐藏
6.超链接样式
也是写在<style></style>里面,
a:link(一般链接)可加背景颜色,边框(border)等。、,
a:visited (访问过的链接格式)
cursor:pointer 是鼠标指向上面的形状。、
a:hover(鼠标指向链接时的形式),
7.半透明效果
opacity=0.5 根据浏览器不同可以在opacity前加 -webkit-,-moz-等
8.圆角
border-relative=20%