小啊宇的博客

JavaScript是一种轻量级的脚本语言，所谓脚本语言，指的是它不具备开发操作系统的能力，而是用来编写控制其他大型应用程序的“脚本”ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现，在日常场合，这两个词是可以互换的。JavaScript是一种嵌入式语言，它本身提供的核心语法不算很多。JavaScript与ECMAScript的关系。为什么学习JavaScript。JavaScript介绍。JavaScript版本。

兼容性：网页字体支持所有现代浏览器，包括IE低版本。轻量性：加载速度快，减少http请求。灵活性：可以利用CSS设置大小颜色等。5、选择font-class引用。2、选取图标或搜索图标。

CSS Sprite也叫css精灵图、CSS雪碧图，是一种网页图片应用处理方式，它允许你将一个页面设计到的所有零星图片都包含到一张大图中去。减少网页的http请求，从而大大的提高页面的性能。

使用设备的宽度作为视图宽度并禁止初始的缩放，在标签里加入这个meta标签。媒体查询能使页面在不同在终端设备下达到不同的效果。媒体查询会根据设备的大小自动识别家在不同的样式。

请用百分比来规定变化发生的时间，或用关键词“from”和“to”，等同于0%和100%动画是使元素从一种样式逐渐变化为另一种样式的效果。使用@keyframed规则，你可以创建动画。0%是动画的开始，100%是动画的完成。您可以改变任意多的样式任意多的次数。@keyframes创建动画。animation执行动画。

【代码】【HTML+CSS+JS+VUE】web前端教程-31-css3新特性。

设置定位之后，相对定位和绝对定位他是相对于具有定位的父级元素进行位置调整，如果父级元素不存在定位，则继续向上逐级寻找，直到顶层文档。Z-index属性设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。position属性指定了元素的定位类型。

当父元素出现塌陷的时候，对布局是不利的，所以我们必须清除副作用解决方案有很多种。如果有父级塌陷，并且同级元素也受到了影响，可以使用overflow清除浮动。为父标签添加伪类after，设置空的内容，并且使用clear：both；如果有父级塌陷，并且同级元素也受到了影响，还可以使用伪对象方式处理。当元素设置float浮动后，该元素就会脱离文档流并向左/向右浮动。如果父元素高度塌陷，可以给父元素设置高度，撑开元素本身大小。这种情况下，父布局不能设置高度。浮动元素会造成父元素高度塌陷。overflow清除浮动。

float属性定义元素在哪个方向浮动，任何元素都可以浮动。当容器不足以横向摆放内容时候，会下一行摆放。浮动只有左右浮动，没有上下浮动。浮动以后使元素脱离了文档流。

【代码】【HTML+CSS+JS+VUE】web前端教程-27-弹性盒模型（flex box）

【代码】【HTML+CSS+JS+VUE】web前端教程-26-css盒子模型（Box Model）

【代码】【HTML+CSS+JS+VUE】web前端教程-25-关系选择器。

使用CSS可以是HTML表格更美观。

指定元素文本的水平对齐方式。

"./线条和点组成的城市天际线（仅供交流学习非商用）.png"background-color属性。

能否管理文字的大小，在网页设计中是非常重要的，但是，你不能通过调整字体大小使段落看上去像标题，或者是标题看上去像段落。css字体属性定义字体，颜色、大小、加粗、文字样式。chrome浏览器接受最小的字体是12px。如果字体名称包含空格，他必须加上引号。

针对某一个特定的标签来使用，只能使用一次，css中的ID选择器以#定义。优先级从高到低：行内样式>ID选择器>类选择器>元素选择器。作用：提取共同的样式，减少重复代码。语法：选择器1,选择器2,…class选择器的权重为：10。Id选择器的权重为：100。内联样式的权重为：1000。CSS中，权重用数字衡量。元素选择器的权重为：1。#class类选择器。

比如说，我想让“学完前端，继续学JAVA”这句话中的前端两个变为红色字体，那么我可以用span标签把前端这两个字围起来，然后给span标签加一个标签选择器。标签选择器，选择的是页面上所有这种类型的标签，所以经常描述共性，无法描述某一个元素的“个性”css语法规则主要由两个主要的部分构成：选择器，以及一条或多条声明（样式）HTML文档中的元素，p.b.div.a.img.body等。可以与任何元素匹配，优先级最低，一般做样式初始化。规定用圆点.来定义，针对你想要的所有标签使用。

要是用内联样式，你需要在相关的标签内使用样式style属性，style属性可以包含任何css属性。当单个文档需要特殊的样式时，就应该使用内部样式表，你可以使用style标签在头部定义内部样式表。单个页面内的css代码具有统一性和规划性，便于维护，但是多个页面之间容易混乱。缺乏整体性和规划性，不利于维护，维护成本高。public.css文件。内联样式（行内样式）

css规则有两个主要的部分构成：选择器、以及一条或多条声明(样式)属性是您希望设置的样式属性，每个属性有一个值，属性和值被冒号分开。使用css的唯一目的就是让网页具有美观一致的页面。选择器通常是您需要改变的样式的HTML元素。每条声明由一个属性和一个值组成。

div容器元素，也是页面中见到的最多的元素。

【代码】【HTML+CSS+JS+VUE】web前端教程-15-块元素与行内元素（内联元素）

当用户单击确认按钮时，表单的内容会被传送到另一个文件，表单的动作属性定义了目的文件的文件名，由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。密码字段字符不会明文显示，而是以星号或圆点替代。

表单是由容器和控件组成的，一个表单一般应该包含用户填写信息的输入框,提交按钮等，这些输入框，按钮叫做控件，表单就是容器，他能够容纳各种各样的控件。表单在web网页中用来给用户填写信息，从而能采用户信息，使网页具有交互的功能，一个完整的表单句含三个基本组成部分：表单标签、表单域、表单按钮。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。

水平合并：colspan。垂直合并：rowspan。

快速生成表格结构： table>tr*2>td{单元格}表格在数据展示方面非常简单，并且表现优秀。单元格特点：同行等高，同列等宽。border：设置表格的边框。height：设置表格的高度。width：设置表格的宽度。

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。列表是可以进行嵌套的。

列表是可以进行嵌套的。

常用文本标签和段落是不同的，段落代表一段文本，而文本标签一般表示文本词汇。

快速复制一行代码：shift + alt + up 或者 shift + alt + down。向上或向下移动一行： alt + up 或者 alt + down。代码格式化：shift + alt + F。生成浏览器文件.html的快捷方式。VScode打开文件夹与创建文件。vscode常用快捷键列表。快速保存：ctrl + S。快速查找：ctrl + F。快速替换：ctrl + H。

【代码】【HTML+CSS+JS+VUE】web前端教程-1-VScode开发者工具快捷键。

在标签中添加属性：align=“left | center | right”扩展–》open in browser–〉点击安装。不要仅仅是为了生成粗体或大号的文本而使用标题。请确保i将HTML标题标签只用于标题。正确使用标题有益于SEO。

align：设置水平线的对齐方式（默认居中），可取值left ｜ right。width：设置水平线的长度。color：设置水平线颜色。size：设置水平线的高度。

title：鼠标悬停在图片上给予的提示。src：路径（图片地址与名字）height：规定图像的高度。网站中最多的元素一定是图片。alt：规定图像的代替文本。width：规定图像的宽度。

具体的网络地址：https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg。两者相对关系，两者在同一路径下可以直接访问。绝对路径是电脑盘符存储与访问的具体位置。

超链接可以是一个字，一个词或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。1、一个未访问过的链接显示为蓝色字体并带有下划线。3、点击链接时，链接显示为红色并带有下划线。2、访问过的链接显示为紫色并带有下划线。后期会通过CSS样式修改掉这些效果。