web相关

作者: YH的练手记 | 来源:发表于2016-08-23 14:05 被阅读12次

html validator:

http://validator.w3.org/

css validator:

http://jigsaw.w3.org/css-validator/

盒子模型:内容、padding、border、margin

当元素设置为绝对定位后,元素也会 多出两类属性:偏移量属性 和 Z-index属性

不同的是:

1.该元素已经脱离了标准文档流(不占位)

2.建立的定位基准不是该元素的原来位置,而是分两种情况

2.1:没有设置偏移量:无论是否存在已定位的祖先元素,都保持在元素初始位置,脱离文档流,宽度塌陷(随内容变化而变化)

2.2:设置了偏移量:又分两种情况(A.无已定位的祖先元素 B.有已定位的祖先元素)

A.无已定位的祖先元素:它会以根节点(<html>)为偏移参照基准

B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准

绝对定位不在文档流中(不会占位置,宽度及长度显示随内容增减而增减

绝对定位实现布局:设置margin-top的参考物是content此时上面的元素,设置top的参考物是其绝对定位的父元素

相关文章

  • 13.Tomcat&Servlet

    主要内容 web相关概念回顾 web服务器软件:Tomcat Servlet入门学习 web相关概念回顾 web服...

  • Web相关

    CSS 去除下划线 text-decoration: none; 去除input外边框 outline: none...

  • web相关

    文章主要简单记录web的一个流程 IP/TCP ip更像是一个标识,TCP是传输层约定,先建立连接再传输数据,U...

  • WEB相关

    zBase -- 轻量级 DOM 操作库 没有任何依赖轻量级的 Dom 操作库,封装一些常用的 css 选择器和事...

  • web相关

    html validator: http://validator.w3.org/ css validator: h...

  • 黑猴子的家:JavaWeb 概述

    1、软件架构:B/S、C/S 2、Java Web 相关技术 Java Web,是用Java技术来解决相关web互...

  • Tomcat&Servlet

    web相关概念回顾 web服务器软件: Servlet: server applet IDEA与tomcat的相关配置

  • javaWeb-Tomcat

    web相关概念回顾 web服务器软件: Servlet: server applet IDEA与tomcat的相关配置

  • 19.Tomcat & Servlet

    web相关概念回顾 web服务器软件: Servlet: server applet IDEA与tomcat的相关配置

  • IntelliJ 搭建SSM框架

    1). 创建项目 按图片填写相关内容 2). 填写相关配置 3). 配置工具 Web -> web,SQL -> ...

网友评论

      本文标题:web相关

      本文链接:https://www.haomeiwen.com/subject/djfnsttx.html