day08笔记

day08笔记

一、markdown文档

1、官方的解释

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RX3Dt4eR-1629084144291)(C:\Users\Mac\Desktop\H5-2109\day08\笔记\images\1.png)]

2、自己的解释

• markdown格式也是一种文档或者叫做文件，和word、ppt、txt文档都是一样的，作用都是让咱们便于去整理或者去写一些图文相关的知识
• markdown文件格式支持html标记
• 可以任意转成其他你想要的文件格式类型
• 网站里面的博客或者文章大多数都是采用的是markdown文件格式编写的
• 互联网公司里面很多的开发文档都是要求采用markdown文件格式去编写的，也有很多人在使用

3、编写markdown工具

vscode

HBuilderX

markdown工具都是可以编写，推荐大家使用的

目前为止使用最多的工具，typora工具，使用它可以实时查看效果，也提供很多的快捷键让咱们使用

二、markdown文档语法

1、使用工具给咱们提供的快捷键

点击段落出现

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ssiUOju9-1629084144299)(C:\Users\Mac\Desktop\H5-2109\day08\笔记\images\2.png)]

点击格式出现

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MsthFDzE-1629084144306)(C:\Users\Mac\Desktop\H5-2109\day08\笔记\images\3.png)]

2、使用markdown本身的语法

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

三、元素类型转换

1、在开发中，有时候需要把元素类型进行改变，例如：希望给span标记设置宽度和高度

2、css给咱们提供了一个display属性可以帮助咱们进行元素类型转换

3、display属性

• block 把其他元素类型转成块级元素，可以让隐藏的元素显示
• inline 把其他元素类型转成内联元素
• inline-block 把其他元素类型转成内联块元素
  • none 让显示的元素进行隐藏
  • 注意点：内联块元素不能被转成内联元素，因为它本身就具有默认的样式

4、组合使用

• display:none; 隐藏
• display:block; 显示

5、扩展的display属性值

• list-item 列表类型
• table 表格类型
• inline-table 内联表格类型
• table-cell 单元格类型

四、元素嵌套问题

1、 p标记不能嵌套其他的块级标记

2、内联标记在嵌套块级标记的时候，块级标记无法撑开内联元素的宽度和高度，需要自己手动（类型转换）设置一个

五、内联元素使用margin和padding问题

1、margin上下值不起作用

2、padding上下值在使用的时候不会把其他元素的位置改变了，以自己为中心进行改变

内联元素使用margin和padding问题

1、margin上下值不起作用

2、padding上下值在使用的时候不会把其他元素的位置改变了，以自己为中心进行改变