zoukankan      html  css  js  c++  java
  • 格式与布局

    格式与布局

    流式布局:

    float:left/right 向左流/向右流    

    clera:both 截断流

    例如木头放在水流上碰到墙,挨个停下,先流的先靠墙停下

    元素并列

    元素嵌套

    定位布局:

    position:fixed/absolute/relative;top right bottom left

    三种定位方式的区别

    ①position:fixed --锁定位置(相对于当前浏览器边界),例如有些网站右下角的弹窗

    ②position:relative --相对位置(以元素本来应该在的位置为坐标)

    ③position:absolute --相对位置

    外围的元素中没有position(absolute relative)样式--以浏览器边框为左边

    如果外围中有position(absolute relative)样式--以外围离它最近的那个元素坐标布局

    <只有设定好position后,top right bottom left (上右下左)才能用>

    ④z-index --分层(值越大越靠上)在Z轴方向分层,可以理解为分成一摞纸,层数越高越往上

    附:

    overflow:hidden; --超出范围时隐藏;scroll,超出范围时出滚动条

    a:hover -- 设置鼠标指向链接时的形式(a为a标签)

    { cursor:pointrt(鼠标指到上面时的形状,pointer为小手形状) }

    opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)  --透明效果为50%,三种方法可任选其一

    display:none; 隐藏;block显示 (隐藏会直接去除这个元素)

    visibility:hidden; 隐藏;visible显示(元素位置还在,内容隐藏)

    border-radius:15px;  --圆角边框,圆角大小为15像素

    &copy  --版权符号

  • 相关阅读:
    关于windows客户端网络编程 WSAAsyncSelect函数
    阻塞模式和非阻塞模式
    SRP6协议分析
    普通二叉树转换成二叉查找树方法
    使用openssl库进行开发
    类型转化,网络开发中常见的类型转化
    到底还能够称多久
    权限子系统小结
    使用ASP.NET AJAX开发服务器端事件通知器
    通用权限相关文档的下载
  • 原文地址:https://www.cnblogs.com/dcdgmjzhal/p/4760240.html
Copyright © 2011-2022 走看看