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%

  

原文地址:https://www.cnblogs.com/cyd123/p/6587113.html