、margin-bottom：下外边距 margin-left：左外边距、margin-right：右外边距 margin：简写”上右下左” auto：设置盒子在它的父容器里居中显示。...x-offset：X轴水平位移，正值在右，负值在左。 y-offset：Y轴垂直位移，正值在下，负值在上。 blur-radius：模糊半径可选，只能>=0 值越大阴影向外面积越大,边缘越模糊。...left左、right右、none默认无(元素不浮动 显示在其文本出现的位置) 元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。...并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但 !...p{color:#00ffff;} 相对单位长度值： 1、px像素 像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器和使用显示器的实际像素值有关。
html是用来描述网页的一种语言，是一种超文本标记语言。也就是说，html不是编程语言。也就是说，html不是一种编程语言，仅仅是一种标记语言。...上被管饭支持的图像格式,压缩后体积很小，适合用于摄影或连续色调图像的高级格式；gif格式是在网页中使用最广泛、最普遍的一种图像格式，他是图像交换格式(Graphics Interchange Format...="链接地址" target="目标窗口位置">链接文本或图像 target的值常见的为self和blank，self表示在本页面中打开，而blank表示打开一个新的标签页 超链接的应用场合 页面间链接...功能性链接 此项较为特殊，当单机该链接是不是打开某个网页，而是启动本机知道的某个应用程序，如常见的电子邮件、qq、msn等链接 行内元素以及块元素 在此次学习过程中我们可以看到有些元素 比如、<h1...右）到右（左），还有to top left（right）以及to bottom left（right）与上同理
，不同屏幕的像素大小是不同的，像素越小的屏幕显示的效果越清晰，所以同样的200px在不同的设备下显示效果不一样。...盒子的可见框的大小，由内容区内边距和边框共同决定，所以在计算盒子大小时，需要将这三个区域加到一起计算。...margin也可以设置负值，如果是负值则元素会向相反的方向移动，元素在页面中是按照自左向右的顺序排列的，所以默认情况下如果我们设置的左和上外边距则会移动元素自身，而设置下和右外边距会移动其他元素。...即左外边距+左边框+左内边距+内容区长度+右内边距+右边框+右外边距 = 父元素内容区长度 若不相等，则为过度约束，浏览器会自动调改 使其相等。...（可以-x或-y） 属性来设置父元素如何处理溢出的子元素 可选值: visible：默认值子元素会从父元素中溢出，在父元素外部的位置显示 hidden：溢出内容将会被裁剪不会显示
层级：标签可嵌套标签，体现了网站结构层级关系，比如一个框里可以嵌套文字内容。 [image-20200530175055609.png] 简易：标签名为英文单词或简写，方便联想记忆。... 很好记忆，把一个网页比喻成一个人，head是我们的大脑，存储重要的信息，body是我们的身体，用来表示内容。head在body上。...2.3.1 布局 * { float: left; /* 元素浮动：left 左浮动 | right 右浮动 */ position: unset; /* 定位方式：absolute 相对父元素定位...| inline-block | none 不展示，隐藏块 */ background: red; /* 背景色 */ margin: 10px 15px 20px 5px; /* 外间距（上右下左...）px为像素值 */ padding: 10px 15px 20px 5px; /* 内边距（上右下左）px为像素值 */ margin-top: 1px; /* 上外间距 */ padding-bottom
@ 样式表的首要目的是为网页上的元素精确定位。其次，把网页上的内容结构和格式控制相分离。即html的标签主要是定义网页的内容，而CSS决定这些网页内容如何显示。...水平位置的参考点是网页页面的左边，垂直位置的参考点是页面的上边。 Ø 关键字在水平方向的主要有left、center、right，表示居左、居中和居右。...中颜色，边框的颜色顺序为上、右、下、左。...设置层裁切——clip 基本语法 clip:rect{|||} |auto auto表示不裁切。...Ø Ø rect的4个坐标值表示所裁切矩形的4个顶点位置，其中以网页左上角为坐标（0，0），而上、右、下、左这4个坐标值则是以左上角为参照点计算的。
在杜宾犬的图像上，LOO（左）与梯度上升（右）方法进行了比较。这里的模型是InceptionNet。...在杜宾犬的图像上，梯度上升（左）与“引导式反向传播”（右）进行了比较。这里的模型是InceptionNet。...在这里，作者发现，当在最后一个卷基层的每个滤波器处而不是在类分数上（但仍相对于输入像素）提取梯度时，其解释的质量得到了改善。...在杜宾犬图像上的标准引导反向传播（左）与集成梯度（右），均使用了平滑梯度进行了平滑处理。这里的模型是InceptionNet。...杜宾犬图像上的标准集成梯度（左）与模糊集成梯度（右），均使用平滑梯度进行了平滑。这里的模型是InceptionNet。 ?
简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 那么CSS和HTML是如何在网页代码中相结合的呢？通过四种方式：style属性 、style标签、导入和链接。...在定义的中，多个标签的class属性值可以相同，而id值要唯一，因为JavaScript中经常用。...border-top 下 border-bottom 左 border-left 右 border-right ◇内补丁(Paddings)：内边距 上 padding-top 下...padding-bottom 左 padding-left 右 padding-right ◇外补丁(Margins)：外边距 上 margin-top 下 margin-bottom...左 margin-left 右 margin-right ?
# 盒子模型 其实，CSS就三个大模块： 盒子模型 、 浮动 、 定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。...:上内边距 右内边距 下内边距 左内边距 比如: padding: 3px 5px 10px 15px; 表示 上3px 右是5px 下 10px 左15px 顺时针 # 外边距（margin） margin...margin-top:上外边距 margin-right:右外边距 margin-bottom:下外边距 margin-left:上外边距 margin:上外边距 右外边距 下外边距 左外边 取值顺序跟内边距相同...解决方案： 可以为父元素定义1像素的上边框或上内边距。 可以为父元素添加overflow:hidden(overflow 属性规定当内容溢出元素框时发生的事情）。...2.并不是所有的CSS属性都可以继承，例如，下面的属性就不具有继承性：边框、外边距、内边距、背景、定位、元素高属性。
常用场景：去除超链接自带的下划线 a { text-decoration: none; } 首行缩进 将段落的第一行缩进 32像素： p { text-indent: 32px; } 背景属性...补充padding的常用简写方式： 提供一个，用于四边； 提供两个，第一个用于上－下，第二个用于左－右； 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下； 提供四个参数值，将按上－右－下－...左的顺序作用于四边； 浮动(float)属性 在 CSS 中，任何元素都可以浮动。...浮动元素会生成一个块级框，而不论它本身是何种元素。 关于浮动的两个特点： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。...元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。 重点：如果父级设置了position属性，例如position:relative;，那么子元素就会以父级的左上角为原始点进行定位。
包括在 … 标签内，标签定义的内容在网页中不可见 2.2：： 定义网页标题 2.3：标签 换行标签： 2.10：水平线和列表和预格式文本 水平线：标签...> 步骤2：在超链接的 href中使用该锚记 xxx 2.13：表格的基本结构 在 HTML 文档中，广泛使用表格来存放网页上的文本和图像...在浏览器中创建左中右结构的窗口： border="5"；窗口边框的宽度 使用框架： 创建多个复杂的窗口实现步骤如下： 1、创建1个HTML...未访问过的超链接 外部样式： 使用场景：同一网站内的多个网页，样式风格统一。
包括在 … 标签内，标签定义的内容在网页中不可见 2.2：： 定义网页标题 2.3：标签 换行标签： 2.10：水平线和列表和预格式文本 水平线：标签 设置水平线的厚度值...="#marker">xxx 2.13：表格的基本结构 在 HTML 文档中，广泛使用表格来存放网页上的文本和图像 语法如下： ...METHOD =“post或get”；指定向服务器提交的方法:一般为post或get方法, post方法比较安全 表单元素的统一格式： border="5"；窗口边框的宽度 使用框架： 创建多个复杂的窗口实现步骤如下： 1、创建1个HTML页面“top.html
超链接标签 超链接的定义 在不同文档、同一个文档的不同段落之前相互跳转。html链接包含两部分：锚标和目标点。锚标就是链接的源点，当鼠标被移动到锚标处时会变成小手状。...可执行文件：当文件扩展名不是html、asp等时，会将链接到的文件下载到本地计算机或直接执行。如果是文本文件（如word格式），则在浏览器中打开文件并进行编辑。...txt文件，打开进行编辑 播放声音 网页上的书签：通常使用在网页的长度超过屏幕时，可以使用书签直接跳转到该书签指向的具体内容...属性name 利用name属性作为锚定位，可以实现文档内部的定位。这个需要我们在两个标签中，一个写明name，作为一个锚点；另外一个写明herf，用于指向锚点。...wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1"> 属性align：设置图片对齐方式，垂直对齐（居上、居中和居下）和水平对齐（居左、居中和居右）。
. ---- CSS(层叠样式表) CSS是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态修饰网页，还可以配合各种脚本语言动态地对网页哥元素进行格式化。...CSS能够对网页中元素位置的排版进行像素精确控制，几乎支持所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。...margin-top 设置元素的上外边距 margin-right 设置元素的右外边距 margin-bottom 设置元素的下外边距 margin-left 设置元素的左外边距 CSS 内边距属性...（Padding） 属性 描述 padding 在一个声明中设置所有内边距属性 padding-top 设置元素的上内边距 padding-right 设置元素的右内边距 padding-bottom...right 设置定位元素右外边距边界与其包含块右边界之间的偏移 left 设置定位元素左外边距边界与其包含块左边界之间的偏移 top 设置定位元素上外边距边界与其包含块上边界之间的偏移 overflow
width 像素值 宽，设置表格宽度 height 像素值 高，设置表格高度 align 左中右，left、center、right 表格在网页中对齐方式 表格还有一个 标题标签 ，即caption...， 盒子默认会在左上角 当使用绝对定位，给盒子定义的是 bottom（下）与right（右） ，那么盒子会 先跑到 右下角，然后再 基于右边 与 下边 增加自己的外边距 相对定位 position: relative...的时候，盒子把自己当做了 中心点 ，代码中设定了 top（上） 与 left（左） 为 200px ，也就是 增加上面 与 左边 的外边距为 200px 固定定位 这个很好理解了，就好比窗口某个小广告无论你怎么...它的 位置定义是基于绝对定位 的，当我上面代码中给他 设置right（右） 与 bottom（下） 的时候，他就 和绝对定位一样 会先跑道右下角，然后数值为 0 ，也就是右边和下面 不需要增加外边距...hidden ，则下面内容 直接隐藏了 ，第二个框我设置的 auto ，则 超过 了他才会显示 滚动条 ，第三个即为 scroll ，无论是不是超过 都显示 滚动条 outline轮廓线 input的文本框或者文本域等空间选中的时候总会有轮廓线
如何让文本垂直对齐文本输入框 input { vertical-align: middle; } 3....如何让某个元素距离窗口上右下左4边各10像素 html, body { height: 100%; margin: 0; } #test {... 我是不透明的内容 // 原理是容器层与内容层并级，容器层设置透明度，内容层通过负margin或者position绝对定位等方式覆盖到容器层上...box2 // 本例中box1的底部margin为10px，box2的顶部margin为20px，但表现在页面上2者之间的间隔为20px，而不是预想中的...外边距合并只出现在块级元素上； // b. 浮动元素不会和相邻的元素产生外边距合并； // c. 绝对定位元素不会和相邻的元素产生外边距合并； // d.
在实际布局中，往往这并不是我们所希望的，所以需要闭合浮动元素，使其包含框表现出正常的高度。...float float：left (或 right)，向左（或右）浮动，直到它的边缘碰到包含框或另一个浮动框为止。且脱离普通的文档流，会被正常文档流内的块框忽略。不占据空间，无法将父类元素撑开。...行内框、浮动框或绝对定位之间的外边距不会合并。）；而 inline 以水平方式布局，垂直方向的 margin 和 padding 都是无效的，大小跟内容一样，且无法设置宽高。...解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素名，从而提高了网页的制作效率。...更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。维护起方便。
，不同文件之间的的位置定位。... height属性，作用指图片的高度，单位px,em,cm,mm border属性，作用指定图标的边框宽度，单位px,em,cm,mm alt属性，作用1当网页上的图片被加载完成后...,值有left居左显示，center居中显示，right居右显示) cellpadding属性：单元格内容与单元格边框的显示距离，单位像素 cellspacing...，而frame用于组成一个网页的多个框架 1 2 3 <meta http-equiv="Content-Type" Content="text/html; charset...属性：输入<em>框</em>中最大允许输入的字符数 8.3：提交，重置(恢复至初始值，<em>不是</em>清空，name可以验证效果)，普通按钮 提交按钮：当时，为提交按钮
然后把右节点压栈，再压左节点（这样弹栈的时候会先拿到左节点遍历，符合深度优先遍历要求） 弹栈，拿到栈顶的节点，如果节点不为空，重复步骤 1， 如果为空，结束遍历。...深度优先遍历用的是栈，而广度优先遍历要用队列来实现，我们以下图二叉树为例来看看如何用队列来实现广度优先遍历 ? 动图如下 ?...这一步的大致操作如下：给爬虫分配一组起始的网页，我们知道网页里其实也包含了很多超链接，爬虫爬取一个网页后，解析提取出这个网页里的所有超链接，再依次爬取出这些超链接，再提取网页超链接。。。...，如此不断重复就能不断根据超链接提取网页。如下图示 ? 如上所示，最终构成了一张图，于是问题就转化为了如何遍历这张图，显然可以用深度优先或广度优先的方式来遍历。...实际上爬虫是深度优先与广度优先两种策略一起用的，比如在起始网页里，有些网页比较重要（权重较高），那就先对这个网页做深度优先遍历，遍历完之后再对其他（权重一样的）起始网页做广度优先遍历。
TextAlign textAlign 文本应如何水平对齐enum： 值 说明 TextAlign.center 将文本对齐容器的中心。 TextAlign.end 对齐容器后缘上的文本。...否则，文本将被包裹在框的边缘。...String semanticsLabel 图像的语义描述，用于向Andoid上的TalkBack和iOS上的VoiceOver提供图像描述 talkback是一款由谷歌官方开发的系统软件,它的定位是帮助盲人或者视力有障碍的用户提供语言辅助...text demo', ), // 文字对齐方式 textAlign: TextAlign.center, // 文字排列方向 ltr 左到右...，rtl右到左 textDirection: TextDirection.ltr, // 用于选择区域特定字形的语言环境 locale: Locale('
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
