css mastery

  • padding,borders,margins都是可选的,默认值都为0。border有三种形式:solid、dashed,dotted。outline会在border上面画一条线但是不会影响box的宽度和高度。如果给元素添加背景,那么会应用到content 和 padding上.
  • 可以通过更改display值来转换块级和行内元素。如果display值取为none,那么该元素就不会显示,并且不在文档中占据空间。
  • 元素的containing block 取决于元素的位置。
    1. 元素位置static 包含块就是离它最近的display值为block/inline-block/table-cell/list-item... 父元素
    2. 一个绝对定位元素的包含块是它最近position 不是static 的祖先元素。如果它没有定位的祖先元素,它的包含块就是初始包含块也就是html元素。
  • 浮动元素也不是常规流中
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 俄罗斯套娃里,大娃娃套小娃娃。网页上,大方块套小方块。 就像再小的娃娃都有五官等特点,小方块也有自己的一套规则。 ...
    一盏腌渍小桔灯阅读 368评论 0 0
  • 以下文章是我在网上收集的内容,为了记录自己的学习以及为了以后不到处找而记录下来,如果对你有用,请感谢写这些文章的前...
    DCbryant阅读 1,031评论 0 2
  • # CSS样式规则overflow 使用HTML时,需要遵从一定的规范。CSS亦如此,要想熟练地使用CSS对网页进...
    低调迷人的反派角色阅读 1,083评论 0 1
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,882评论 32 459
  • 学习目标: > 1. 学会使用CSS选择器 > 2. 熟记CSS样式和外观属性 > 3. 熟练掌握CSS各种选择器...
    ZPNGU阅读 1,458评论 0 0

友情链接更多精彩内容