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%

      

  • 相关阅读:
    7.服务器上用命令ffprobe看流质量
    filebeat记录
    Dubbo 一篇文章就够了:从入门到实战
    c/c++系列的运算符优先级总结
    动态单链表的传统存储方式和10种常见操作-C语言实现
    代码的规范化—高质量程序的结构(一)
    动态分配的顺序线性表的十五种操作—C语言实现
    IOS开发初步
    大数据方面一个博客
    Task not found in root project
  • 原文地址:https://www.cnblogs.com/cyd123/p/6587113.html
Copyright © 2011-2022 走看看