HTMLNote

字数统计: 339字   |   阅读时长: 1分钟

背景

 今天起，我就开始走进web世界了，我知道，这将是另一个充满冒险和快乐的地方，加油少年~
 闲话少叙，让我们进入正题吧，了解一下HTML的基本结构。

Html5基本结构元素

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>   //this is root node
<head>
    <title></title>
</head>
<body>  //this is body node
    <div></div>
</body>
</html>

Tips:

  1. HTML日常使用的结构标签并不多，但结构语义化是html文档的灵魂所在，在使用标签时应特别注意。

  2. 结构语义化：通俗而言，就是让HTML文档标签标注合适的内容，如p代表文本段落，header代表页首，footer代表页尾等。

  3. 结构语义化，有便于HTML文档维护，XHTML在谨慎应用标签方面值得借鉴。

    CSS基础内容概要

CSS选择器

CSS基本选择器

  1. 元素选择器
  2. ID选择器
  3. Class选择器

    层次选择器

    根据元素层次关系选择元素

  4. 父子选择器 M N
  5. 后代选择器 M > N
  6. 兄弟选择器 M ~ N
  7. 相邻选择器 M + N

盒子模型

box-sizing:

  1. content box
  2. border box
    border box
  3. padding box

    样式

  4. 字体样式
  5. 文本样式
  6. 背景样式
  7. 列表样式
  8. 表格样式
  9. 表单样式
  10. 超链接样式

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    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

内圣外王，持勤以恒。凡人一枚，拙文见笑了~