html基础学习

元素：指从开始标签到结束标签的所有代码

格式：开始标签、内容、结束标签

特征：

• 内容可以是文字
  

  eg： <div> hello </div>

• 也可以是子元素

eg：<div>
<span>hello</span>
</div>

块元素 （box）

作用：作为页面框架，或者容器。是页面的主体
特性：
1. 独占一行空间
2. 默认宽度为100%，默认高度由子元素或者内容决定
3. 可以为其指定宽高 style=“width:;height:;”

行内元素(label)

作用：点缀网页，填充内容
特性：
1. 与其他行内元素共享一行空间
2. 默认宽高由内容决定
3. 不能为其指定宽和高
4. 行内元素中不可以嵌套块元素，但块元素中可以嵌套行内元素

属性：在开始标签中可以添加属性

格式：属性名=属性值

特征：

• 属性名不区分大小写
  

  <div id="one"></div>

  
  

  <div ID="one"></div>

• 属性与属性之前用空格隔开
  

  <div id='one' class='first'>one</div>

分类：

• style取值为css规则（以键值对形式出现）
• 规则之前用分号分隔，键值之前用冒号分隔
  

  <div id='one' style="color:#333;backgroud:#ededed;"></div>

html/css脑图

• 点赞
• 收藏
• 分享
• 文章举报