资讯专栏INFORMATION COLUMN

百度前端学院-基础学院-第吴课/第六课

dunizb / 1079人阅读

摘要:边界也会忽略百分比宽度设置。背景裁剪,值有改变盒子计算值只是不包含和只包含内容高度

今天是一个跨天的任务,学习目标是:掌握CSS盒模型及Float;

盒模型要点:

  • 如果盒子的高度被设置为百分比长度,那么盒子高度不会遵循这个设置了的百分比长度,而是总会采用盒子内容的高度,除非给它设置了一个绝对高度(例如,像素或者 em)。这比把页面上每个盒子的高度默认设置为视口高度的 100% 更方便。
  • 边界(border)也会忽略百分比宽度设置。
  • 外边距(margin)有一个特殊的行为,称为 外边距塌陷: 当两个盒子挨在一起时,二者之间的距离为两个挨着的外边距中最大的那个值,而不是二者的和。

overflow:

background-clip:背景裁剪,值有:

box-sizing: 改变盒子计算;值:border-box(height只是不包含margin);和 content-box(只包含内容高度)

 

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

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

相关文章

  • 百度前端学院-基础学院-第七天到第八天

    摘要:第五天到第六天的内容没有记笔记,不好不好。第七天到第八天的学习目标是学习布局的各种方式。主要包含相关和相关。定位的元素应该在文档流中的间隙不再存在绝对定位的元素不再存在于正常文档布局流程中。内容较多,请参考学习了容器项第五天到第六天的内容没有记笔记,不好不好。 第七天到第八天的学习目标是:学习布局的各种方式。主要包含position相关和Flexbox相关。 知识点: 1、默认情况下,块级元...

    zombieda 评论0 收藏0
  • 百度前端学院-基础学院-第三课

    摘要:第三天让简历有点色彩这一节课是来初步了解什么是,掌握基本的概念,语法,学习如何设置一些简单的样式。设置文字阴影。取值较多,具体参考文本布局控制在盒子中的位置。设置字母与字母直接的间距,或者字与字直接的间距。第二步,浏览器显示内容。第三天:让简历有点色彩 这一节课是来初步了解什么是CSS,掌握基本的CSS概念,语法,学习如何设置一些简单的样式。 好记性不如烂笔头,开始: 字体: font-st...

    DobbyKim 评论0 收藏0
  • 百度前端学院-基础学院-第四课

    摘要:今天是第四天,进度可以,表扬一下自己。今天的课程目标是掌握稍微复杂的一些选择器,还有背景,边框等一些样式属性。设置边框宽度。今天是第四天,进度可以,表扬一下自己。 今天的课程目标是:掌握 CSS 稍微复杂的一些选择器,还有背景,边框等一些 CSS 样式属性。 CSS背景: 背景色:background-color:gray; 背景图:background-image:url(www........

    wean 评论0 收藏0
  • 百度前端学院-基础学院-第七天到第八天之BFC

    摘要:简介全称中文为块级格式化上下文。特征总之记住一句话元素特征表现原则就是内部元素无论怎么翻江倒海,都不会影响外部元素。如何触发,常见如下的值不为的值为,或。的值不为和需掌握自适应模块布局内容很多,具体参考1、BFC简介 BFC全称block formatting context,中文为块级格式化上下文。特征总之记住一句话: BFC元素特征表现原则就是:内部元素无论怎么翻江倒海,都不会影响外部元...

    junfeng777 评论0 收藏0
  • 百度前端学院-基础学院-第二课

    摘要:具体来说,新建的规则有新特性应该基于以及。,标签都是用来干嘛的是提供关于的元数据,不会显示在页面上,但是对于机器是可读的。元数据可用来浏览器如何显示内容或重新加载页面,用于搜索引擎关键字。 HTML是什么,HTML5是什么 HTML元素标签、属性都是什么概念? 文档类型是什么概念,起什么作用? meta标签都用来做什么的? Web语义化是什么,是为了解决什么问题 链接是什么概念,对应什么标签...

    stormzhang 评论0 收藏0

发表评论

0条评论

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