Web入门学习:day6

三大元素
display三种取值

<a>默认是内联元素,不能设置大小。强行将其修改为display:block;则居中效果消失。
当我们给父元素设置了text-alige:center表示文本居中,此时内部所有的文字内容、图片、超链接、内联元素、inline-block这些都会跟着居中,包括普通的a标签。
但是现在a标签已经修改为块元素,块元素的居中必须使用到margin:auto。
margin:0 auto 20px;

定位

注意:浮动元素也是block元素

固定定位;相对页面不动
定位层级

如果B设置了position那么以它为参考,如果没有则观察A有无position,也没有则继续向外查找,html..直到以窗口为参考。

HTML5的容器标签

上述标签可代替div

box-sizing

在我们给一个元素使用padding时,元素会被撑大。如果不希望元素大小改变则可以使用box-sizing。这时它的填充会向内挤压,元素大小保持不变。

语义化标签
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容