zoukankan      html  css  js  c++  java
  • 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%

      

  • 相关阅读:
    pass cloudcc
    eclipse生成javaDoc时,出现"编码GBK 的不可映射字符"
    tabWidget 直布局
    用 Navicat for Oracle 管理 Oracle10g/11g 数据库
    Aspx页面内 成员变量丢失的问题
    AspNet2.0页面生命周期
    【Z】浅析豆瓣的 Google Analytics 应用
    绑定SqlDataSource的Gridview字符串字段长度截取(转)
    Java web 推荐书籍
    关于Reapeter的总结
  • 原文地址:https://www.cnblogs.com/cyd123/p/6587113.html
Copyright © 2011-2022 走看看