资讯专栏INFORMATION COLUMN

基本视觉格式化

Caicloud / 3628人阅读

摘要:非替换元素如果元素的内容包含在文档中,则称之为非替换元素。水平格式化非替换元素一个简单的规则,正常流中块级元素框的水平部分总和等于父元素的里面元素的父的水平元素的大属性。

非替换元素:如果元素的内容包含在文档中,则称之为非替换元素。例如,如果一个段落的文本内容都放在该元素的本事之内,这个段落就是一个非替换元素。

替换元素:这是指用作为其他内容占位符的一个元素。经典例子是img元素。

盒子模型--关于width/height设置
W3C标准,也就是,width不包含padding及border、margin,块级元素实际占用的宽度=width+padding+border。

水平格式化(非替换元素)
一个简单的规则,正常流中块级元素框的水平部分总和等于父元素的width(里面元素的width+padding+border+margin=父的width)

水平元素的“7大属性”:margin-left/right、border-left/right、padding-left/right、width。7大属性加起来必须是元素包含块的width。其中只有3个属性可设置为auto:width、margin-left/right。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/112495.html

相关文章

  • Python中的十大图像处理工具

    摘要:之成为图像处理任务的最佳选择,是因为这一科学编程语言日益普及,并且其自身免费提供许多最先进的图像处理工具。该库包含基本的图像处理功能,包括点操作使用一组内置卷积内核进行过滤以及颜色空间转换。图像处理系统有时被称为图像处理的瑞士军刀。 showImg(https://segmentfault.com/img/remote/1460000019442221);编译:张秋玥、小七、蒋宝尚 本...

    yuanxin 评论0 收藏0
  • 常用的十大python图像处理工具

    摘要:但无论是用于何种用途,这些图像都需要进行处理。图像处理中的常见任务包括显示图像,基本操作如裁剪翻转旋转等,图像分割,分类和特征提取,图像恢复和图像识别。图像处理系统有时被称为图像处理的瑞士军刀。 showImg(https://segmentfault.com/img/remote/1460000019631626); 原文标题:10 Python image manipulation...

    Crazy_Coder 评论0 收藏0
  • 容易忽略的七个CSS知识点

    摘要:样式声明通过一个称为级联的过程来解释和决定。级联级联可能是中最容易被弄错的属性之一。因此很容易认为元素的视觉边界等于其宽度,但情况并非如此。 如果你在日常工作中使用CSS,那么你的主要目标很可能集中在使事情看起来是正确的。最终得到的正确结果远比如何实现更重要。这意味着相比正确的语法和视觉效果我们更少关注CSS的实现原理。 你可能还没有意识到,但CSS的视觉效果通常是操纵隐藏属性的间接结...

    chanthuang 评论0 收藏0
  • 容易忽略的七个CSS知识点

    摘要:样式声明通过一个称为级联的过程来解释和决定。级联级联可能是中最容易被弄错的属性之一。因此很容易认为元素的视觉边界等于其宽度,但情况并非如此。 如果你在日常工作中使用CSS,那么你的主要目标很可能集中在使事情看起来是正确的。最终得到的正确结果远比如何实现更重要。这意味着相比正确的语法和视觉效果我们更少关注CSS的实现原理。 你可能还没有意识到,但CSS的视觉效果通常是操纵隐藏属性的间接结...

    elina 评论0 收藏0

发表评论

0条评论

Caicloud

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<