关于HTML5中auto剖析
来源:互联网 发布:深圳java工程师招聘 编辑:程序博客网 时间:2024/05/22 11:30
这几天一直在学习HTML,从小白到入门,之间遇到很多难题。今天就来深入的讲解一下关于在css3里面这个auto标签是怎么用的。
大家学习这个HTML可以知道,里面的标签样式是分很多作用域的,不同的属性里面有很多标签,这些标签都可以是相互通用,比方说这个auto标签。在我们写外部样式的时候,这个auto是需要我们在开头就要是定义的,*{margin 0 auto;padding 0}这句话的意思全局居中。既然在这个margin上可以用,我当时就想,是不是在定义布局的时候就可以使用呢?
结果当然是可以的,在width上可以用,在height上可以用,在margin-left/right上都可以用。然后我就开始进行试验。 结果呢,auto就是根据浏览器的渲染而给它赋值,这样的话就是继承吧?应该是auto在上面应该是没意义,在实际讨论上网页才会进行赋值。然后我就晕死了,那这个既然是浏览器给它赋值,那就是默认值,你还写他干嘛?但有的时候不写还不行,那这个auto到底该怎么用 ?
然乎我就进行多方面的练习,之后我就发现了,以width为例,在浏览器上写width:100%和width:auto是有区别的,前者是在这个浏览器页面上占据整个横屏,后者是自适应,并且在border:1px solid red上,前者使用这个实际宽度是要大于100%的,而auto确实没这方面的事情。
虽然这个auto是默认值,但是在ws上编辑的时候,在不要求宽度的前提下,需要进行绝对定位和相对定位的时候,.class和#id里面的内容最好是写上。
总之,auto这个属性,用于页面布局上,是一个比较好用的元素,就是一个自适应的标签。
- 关于HTML5中auto剖析
- 关于对HTML auto深入剖析
- 关于auto
- html5中关于input用法
- 在MySQL中关于auto字段的处理
- 关于hibernateProperties配置中hibernate.hbm2ddl.auto参数的作用
- 关于Java 中Enum 的全方位剖析
- postgresql关于auto vacuum
- 关于auto和decltype
- HTML5移动App剖析
- 深入剖析 HTML5
- Auto Layout用法剖析(1)
- Auto Layout用法剖析(2)
- Auto Layout用法剖析(1)
- Auto Layout用法剖析(2)
- 关于HTML5中使用地理信息(一)
- 关于HTML5中使用地理信息(二)
- 关于HTML5中使用地理信息(三)
- Openmeetings4.0.0二次开发日志(三)使用webservice调用OM接口(2)
- 一个程序员的职业定位
- C++容器博客
- 一禅小和尚的人生哲学
- 并查集
- 关于HTML5中auto剖析
- MySQL错误:You can't specify target table 'tablename' for update in FROM clause
- C/C++ 混合编程
- mybatis 批量更新update详解
- java12周第2题
- windows下升级R
- Java 8 新特性概述
- 利用intellijidea创建maven多模块项目
- python几个小程序