# HtmlShare

**Repository Path**: javakam/HtmlShare

## Basic Information

- **Project Name**: HtmlShare
- **Description**: HtmlShareHtmlShareHtmlShareHtmlShareHtmlShare
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-26
- **Last Updated**: 2023-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HTML5 + CSS3

### 视频地址: https://www.bilibili.com/video/BV1b4411i742?p=3

### HTML块元素和行元素
> 🍎效果展示: <https://blog.csdn.net/qingyisuo/article/details/78959942>

#### 一、块级元素(block)：
 1. 它可以独占一行，可以设置宽高度，默认是100%，除非设定一个宽度，行级元素与之相反，它的内容决定它的宽高度，至于特殊字符就当成是文字来看；
 2. 能设置宽高和顶底边距；
 3. 常见的块级标签：div,p,h1-h6,ul,li,ol,dl,dt,dd,table...
 4. 块级元素占一行，不论内容多少只要是有2个这样的元素就会换行，行内元素内容少时不会换行。

#### 二、行内元素(inline)：
 1. 能和其他元素待在同一行；
 2. 不能设置宽高，宽度就是它的文字或图片的宽度，不可改变；
 3. 常见的行级标签：a,span,strong,u,em

#### 三、行块级之间的转换：
 1. 行元素->块元素：display：block;
 2. 块元素->行元素：display：inline;
 3. 行元素->块元素但是又不独占一行: display: inline-bloc;

### 什么是HTML5
1. H5并不是新的语言, 二是html的第五次重大修改版本
2. 支持: 所有主流浏览器都支持h5(chrome,firefox,safari...), IE9及以上有选择的支持h5, 但是IE8及以下不支持h5
3. 改变了用户与文档的交互方式: 多媒体: video audio canvas
4. 增加了其它的新特性: 语义特性, 本地存储, 网页多媒体, 二维三维, 特效(过渡,动画) 
5. 相较于h4:
	- 进步: 抛弃了一些不合理不常用的标记和属性
	- 新增了一些标记和属性 - 表单
	- 从代码角度而言,h5的网页结构代码