关于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这个属性,用于页面布局上,是一个比较好用的元素,就是一个自适应的标签。

原创粉丝点击