5 浮动 标准文档流 块级元素：独占一行 h1~h6 p div 列表。。。 行内元素：不独占一行 span a img strong 行内元素可以被包含在块级元素中，反之，则不可以~ 5.2 display 却可以这样做 <!DOCTYPE html> <html lang="en"> <head ...
分类：
Web程序 时间：
2021-03-15 10:58:26
阅读次数：
0
2021.2.26下载安装了VScode和三个插件，HTML的基本结构和主要几个标签一篇文章或者一段文字在网页的布置元素的分类分为块状元素和行内元素标签分为单标签和双标签 2021.2.27学习了元素属性 超链接a标签的href属性和target属性 插入图片img标签 书签name三种列表方式有序 ...
分类：
其他好文 时间：
2021-03-02 12:24:54
阅读次数：
0
前端基础THMl知识1 块元素和行内块元素 参考视频链接 块元素：无论内同多少，元素只占一行 (P、h1-h6) 行内元素：内容撑开宽度，左右都是行内元素都可以排成一排(a) 列表 有序列表：<ol> <li>1</li></ol> 无序列表<dl> <dd> 2</dd> </dl> 内联 (<i ...
分类：
Web程序 时间：
2021-02-05 10:55:32
阅读次数：
0
Flex布局的基本内容： felx布局意为“弹性布局”，主要用于为盒状模型提供最大的灵活性。被广泛的应用于移动端，PC端的响应式布局。 首先：定义盒子为flex布局： .box{ display:flex; // 行内元素也可使用flex布局 // display:inline-flex;} 设置为 ...
分类：
其他好文 时间：
2021-02-02 10:31:03
阅读次数：
0
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>div和span</title> </head> <!-- div和span div标签 层，块级元素，标签会自动换行。 常用于布局。 常用属性： align div元素中内容的对 ...
分类：
其他好文 时间：
2021-01-26 11:40:38
阅读次数：
0
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>a标签</title> </head> <!-- 超链接a标签 定义超链接,用于从一个页面链接到另一个页面 行内元素，不会换行。 常用属性： href 必须标签（如果未设置该属性， ...
分类：
其他好文 时间：
2021-01-26 11:40:19
阅读次数：
0
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>常用标签</title> </head> <!-- 格式化标签 font 行内元素 不会自动换行 设置字体相关的属性 常用属性 color 字体颜色（颜色名，rgb，16进制） s ...
分类：
其他好文 时间：
2021-01-25 11:38:37
阅读次数：
0
浮动 可以让多个块标签处于同一行 不用转换成行内元素 宽和高以及盒子模型的特征的以保留 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .outerDiv{ bo ...
分类：
其他好文 时间：
2021-01-14 11:07:15
阅读次数：
0
其实vertical-align是用来设置行内元素对齐方式的。说白了就是display属性值为inline、inline-block、inline-table另加一个table-cell的元素。 作用1：可以大概的让元素居中对齐 作用2：去除图片底色的空白缝隙,这种情况是图片下面有空白部分 ...
分类：
其他好文 时间：
2021-01-02 10:54:01
阅读次数：
0
一、弹性布局(flex布局) #1. Flex 布局是什么？ Flex 是 Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ ...
分类：
移动开发 时间：
2020-12-19 11:46:11
阅读次数：
2
