zoukankan      html  css  js  c++  java
  • 9.17-9.19html前期知识总结

    9.17

    ☆关于position(absolute、relative)

    position:relative;

    top:100px;

    right:200px;

    如果relative设置值,则是根据它原来的位置改变位置

    position:absolute;

    top:100px;

    right:200px;

    relative和absolute两者的区别

    1、使用absolute会脱离标准流,而relative不会,relative虽然给值了,也移动位置了,但是依然占着原来的位置

    2、relative存在“形影分离”的情况,所以一般不建议给它添值,只用它当做子元素的参照物或者给元素的微调

    3、absolute会有压盖现象

    (所以就出现了z-index,层级关系,可以改变元素的层叠位置,所以标签默认为0,哪个元素设的z-index的值越大,谁就在上边)

    PS:定位的时候,尽量保持父绝子相

    ☆position:fixed;(固定定位)

    脱离标准流的三种方法(float、fixed、absolute)

    Position:static;静态

     ☆form 表单

    <form action="表单提交的地址位置"; method:"表单提交的方式(post/ get)";/>

    1、action是提交form的地址,而提交它有两种方式,post和get

    2、Get 是在http的url上提交不加密   post加密在http中的一个body对象上提交的。

    http是一种协议,超文本传输协议,客户端与服务端连接的一种协议

    input(单标签)

    type有哪几种:text、checked box、radio、password、button、submit

    select(双标签)

     

    9.19

    ☆让元素在网页中居中

    height:340px;

    width:200px;

    position:absolute;

    top:50%;

    left:50%

    margin-top:-170px;

    margin-left:-100px;

    ☆透明度opacity

    默认值是1,则不透明

    值为0,则完全透明

    半透明,小数,0.5

     

  • 相关阅读:
    Hystrix使用说明,配置参数说明
    服务限流 -- 自定义注解基于RateLimiter实现接口限流
    Java生产环境下问题排查
    Java垃圾回收(GC)机制详解
    RabbitMQ如何解决各种情况下丢数据的问题
    JWT如何在Spring Cloud微服务系统中在服务相互调时传递
    LeetCode 117th Weekly Contest 总结
    系统设计总结
    单调栈总结
    LeetCode 116th Weekly Contest 总结
  • 原文地址:https://www.cnblogs.com/diwangkaige/p/9709088.html
Copyright © 2011-2022 走看看