关于HTML5中auto剖析

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

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值