CSS学习笔记-(四)

阅读数: 次 2022-01-12

文档流
盒模型
文档流(normal flow)
网页是一个多层的结构，一层摞着一层，通过CSS可以分别为每一层来设置样式作为用户来讲只能看到最顶上的一层，这些层中，最底下的一层称为文档流，文档流是网页的基础，我们所创建的元素默认都是在文档流中进行排列。对于我们来说元素主要有两个状态：①在文档流中②不在文档流中(脱离文档流)

元素在文档流中有什么特点：

块元素：
块元素会在页面中独占一行(自上向下垂直排列)
默认宽度是父元素的全部(会把父元素充满)
默认高度是被内容撑开(子元素)
行内元素：
行内元素不会独占页面的一行，只占自身的大小
行内元素在页面中自左向右排列，如果一行之中不能容下所有的行内元素则元素会换到第二行继续自左向右排练(书写习惯一致 )
行内元素的默认宽度和高度都是被内容撑开
在网页中呈现得结果为：

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

Nancy<br/><br/>西北工业大学<br/>计算机科学与技术