Hey_Coder-CSDN博客

原创【深入理解 script 标签的 async,defer 属性(同步加载,异步加载,延迟执行)】

async,defer 属性同步加载,异步加载,延迟执行1.异步加载和延迟执行存在的意义 : 避免影响页面渲染/显示2. 同步加载和执行 (影响页面解析/渲染/显示)3. async 属性: 异步加载 (不是异步执行,搭配 src 属性,仅限外部脚本)4. defer 属性: 延迟执行 (不是延迟加载,加载是并行的,搭配 src 属性,仅限外部脚本 )5. 同步加载,异步加...

2019-10-31 21:45:16 5996

原创【HTML 中的二次贝塞尔曲线和三次贝塞尔曲线】(使用说明详解)

二次贝塞尔曲线和三次贝塞尔曲线使用说明 1. 二次贝塞尔曲线和三次贝塞尔曲线1.1 贝塞尔曲线的基本知识1.2 贝塞尔曲线生成动图1.3 HTML 中画贝塞尔曲线的 2 种方法1.4 二次贝塞尔曲线使用1.4.1 二次贝塞尔曲线的创建1.4.2 二次贝塞尔曲线的弯曲处宽窄控制1.4.3 二次贝塞尔曲线的伸缩和平移1.4.4 二次贝塞尔曲线控制点的取值和弯曲方向...

2019-05-09 22:56:36 8350 2

原创【Emmet 的使用手册（知识点超全版本）】

Emmet 简介1. Emmet 生成 HTML 的缩写语法1.1 HTML 文档类型和结构初始化1.2 注释1.3 HTML 标签1.4 嵌套⑴ 后代-下一级⑵ 兄弟-同一等级⑶ 父亲-上级1.5 分组1.6 乘法-数量1.7 分组和乘法结合1.8 自增符号-给项目编号1.9 ID1.10 类1.11 属性和属性值1.12 文本1.13 隐式标签-自动补全1.14 Emmet 书写格式1.15 添加虚拟文字2. Emmet 生

2019-02-22 16:18:49 7219 10

原创【英语语法-注释总结（按字母分类）】

数字8w1h、6w1h、7w1hA 字母adj、adv、A动词、auxB字母不定冠词、不定代词、B动词、不定式、表语、并列连词不完vt、不完全及物动词、不完全及物动词、不及物动词、不完全不及物动词、不完全不及物动词倍数、百分数、比率C字母抽象名词、conj、cvt、cvi、不完vi次方D 字母代词、定冠词、det、d.o 、dv、动原、动名词、单不定代词、定语从句F 字母分词、副词、副词连词、复合不定代词、副词从句、副从、非谓语动词、分数、反身代词G 字母关系词、关系代

2023-08-17 15:31:37 432

原创【07 英语语法：句子的种类（陈述句、疑问句、祈使句、感叹句、倒装句、强调句）】

句子按目的/语气划分（4类）：陈述句、疑问句、祈使句、感叹句。❶ 陈述句：说明一个事实或陈述一种看法；❷ 疑问句：提问；❸ 祈使句：表达命令、请求、劝告、警告、禁止等；❹ 感叹句：表达惊讶、开心、生气等情绪。

2023-08-17 15:28:46 2132

原创【06 英语语法：时态、语态、虚拟语气】

时态；语态；虚拟语气；时态（tense），是一种 “动词形式”，不同的时态表示不同的时间与方式。▲共有 16 种时态（时态 = 时间+状态）：4个时间*4个状态 = 16个时态（时间：现在、过去、将来、过去将来；状态：一般、进行、完成、完成进行）。① 4个时间的顺序：过去 did→过去将来 would do→现在 do→（现在）将来 will do；② 4个状态（现在时）：❶ 一般态 do：没有特别状态信息，不特指动作是进行中，还是完成了；❷ 进行态（正在 be + doing）：正在进行中；

2023-08-17 15:24:06 1312

原创【05 英语语法：词类（名词、冠词、数词、代词、助动词、动词、形容词、副词）】

词类（名词、冠词、数词、代词、助动词、动词、形容词、副词）；名词（noun，缩写 n.）：是词类的一种，属于实词。它表示人、事、物、地点、抽象概念的统一名称。名词分类（按意义）：专有名词、普通名词；① 专有名词：表示特定的、独一无二的人或物（人名、地名、国家名、景观名、团体、机构的“专有名称”(第一个字母要大写)。② 普通名词：（⇒ 可数名词、不可数名词），表示某些人、事物、物质、抽象概念的名称。名词的格（3种）：主格、宾格、所有格。

2023-08-17 15:14:20 7782

原创【04 英语语法：非谓语动词（不定式、分词、动名词）详解】

非谓语动词，在句子中 “不是谓语”的动词。❶ 分类：不定式、动名词、分词（现在分词和过去分词）。❷ 不能做独立的谓语，能做名词、形容词、副词、介词等。❸ 可以有逻辑主语、宾语（及物动词）、状语；❹ 有主动、被动、“状态”（一般态；进行态；完成态）的变化；❺ 不会因主语的“人称、数”而变化；❻ 否定式：“not + 非谓语动词”；★ ⑴ 【不定式】：动词原形（do/原形不定式）、带 to 不定式（to do）； ① 不定式（to do）的功能：名词、形容词、副词；▲❶ 名词性不定式 to d

2023-08-17 15:10:29 2990

原创【03 英语语法：从句（名词从句、定语从句/形容词从句、状语从句/副词从句）】

从句：名词从句、定语从句、状语从句（名定状=名形副）1. 名词从句（=名词）：主语、宾语、表语、同位语、宾补▲名词从句的种类（按引导词）： that、whether、疑问词 + 句子⑴ that 从句：加一个引导词 that⑵ whether 从句：是否句⑶ 疑问词从句：7w1h：when，where，why，whom，how，疑问代词（who，what，which）▲名词性从句的时态规则：主现将，从不限；主过从过（部分例外：真理/事实/习惯/重复/仍继续）1.1 主语从句： that/

2023-08-17 15:04:10 2710 2

原创【02 英语语法：复合句的语法（详解）】

复句的语法复句：把单句连在一起（标点符号，连词，关系词）1. 连接符号1.1 破折号 — ：补充说明，同位语1.2 冒号 : （同位语）1.3 分号 ; （= , 连词），替换限定逗号2. 连词：并列连词，副词连词2.1 并列连词（连接主句）2.1.1 基本并列连词：and ，or，but⑴ 连接并列单词⑵ 连接并列的短语⑶ 连接并列的句子：主句，副词从句，形容词从句⑷ 置于句首的独立用法（必须有前情说明）2.1.2 连词短语并列连词（both...and..

2023-03-10 09:14:21 1474

原创【01 英语语法：单句的语法（句子的构成）】

单句的语法（句子的构成）单句（陈述句）:主语+动词概述1. 主语的成分★ 主语的成分分类图1.1 名词，代词，数词做主语1.2 动词做主语：（必须变形为）动名词 v-ing，不定式 to do，it 形式主语1.3 句子做主语：把句子变成名词（= 名词从句 that，whether，疑问词，it 形主）1.3.1 名词从句的种类： that、whether、疑问词⑴ that 从句：加一个引导词 that⑵ whether 从句：是否句⑶ 疑问词从句：7w1h：when

2022-10-01 13:52:06 2154

原创【什么是特性策略/权限策略（feature policy/Permissions-Policy）？】

特性策略（feature policy/Permissions-Policy）的简介1. 什么是特性策略（feature policy/Permissions-Policy）？（设置对功能的权限）2. 如何写一个 feature policy（语法规则）？3. 如何在使用中设置特性策略（使用方法）？⑴ HTTP header 的 Feature-Policy⑵ iframe 中的 allow 属性4. 嵌入内容的策略的继承5. 需要的显式禁用的特性（为了良好用户体验）

2022-05-23 20:48:55 3475 1

原创【webstorm 中的快捷键大全(知识点超全的详解版本)】

webstorm 中的快捷键使用方法webstorm 中的快捷键使用方法1.webstorm 中的快捷键的查看和修改2. webstorm 中的快捷键的使用分类2.1 编辑器操作的快捷键2.2 主菜单类快捷键⑴ 文件，编辑，导航，书签的快捷键webstorm 中的快捷键使用方法1.webstorm 中的快捷键的查看和修改如何查看 webstorm 中有哪些快捷键？file → setting → keymap （汉化版：文件 → 设置 → 快捷键）点开后，可以看到很多快捷键对应的操

2022-05-17 16:31:13 17193 2

原创【Webstorm 的使用问题】

漂亮的一键格式化: 取其优点Webstorm 的格式化问题: 自带的格式化,很呆板,只能搞定缩进空格,很长的一段代码,几个标签写在一行, 标签不会法自动换行而 sublime 中的格式化很规整好看,解决办法,在sublime 中安装好一键格式化插件后,打开文件,一键格式化,这个文件在 webstorm 中的格式,也会随之变得很漂亮汉化问题参考文章: WebSto...

2021-03-17 22:54:46 443

原创【如何在 HTML 页面中显示数学公式】

如何在 html 页面中，显示数学公式？使用显示库 MathJaxMathJax 是一个开源的 web 数学公式渲染器，由JS编写而成。MathJax 允许你在你的网页中包含公式，无论是使用 LaTeX、MathML或者AsciiMath符号，这些公式都会被 javascript 处理为 HTML、SVG 或者 MathML符号。示例：① 在 script 标签中引入mathjax② 在<!DOCTYPE html><html lang="en"&gt.

2021-03-17 19:09:02 13131 3

原创【CSS 网格布局 (Grid Layout )】

CSS 网格布局网格布局 - CSS（层叠样式表） | MDN网格属性Grid浏览器支持网格属性没有浏览器支持用于属性名CSS 版本浏览器支持网格中每个列的宽度。grid-columns3没有浏览器支持网格中每个列的高度。grid-rows3没有浏览器支持CSS3 grid-columns 属性美 ['k...

2020-08-29 12:30:28 1004 1

原创【在markdown语法文档内，跳转到本页面内和其他页面中的指定位置】

用途: 当需要 ❶ 跳转到页面内指定位置，或者需要 ❷ 在页面内创建目录，进行跳转时使用。写代码的位置: 有两个地方需要写代码: ❶ 点击的位置和 ❷ 跳转到的位置，两处的代码由元素的id属性关联起来，但是代码不同，需要分清楚。⑴ 点击的位置的代码: ( ⇒ 指明跳转到的链接)❶ 跳转到本页面内的指定位置: [描述文字/目录标题](#id) ⇒...

2020-01-20 13:21:19 11318 4

原创【CSS3中 4个自适应关键字: available、max-content、min-content、fit-content】

1. available 属性值available表示撑满可用空间 ⇒ 自动填满剩余的空间。available关键字可以让元素的100%自动填充特性不仅仅在块级元素上，也可以应用在其他元素。如内联块级元素 display: inline-block;❶ display: inline-block;

2020-01-18 12:00:16 3738 1

原创【CSS 弹性盒子布局 (Flexible Box Layout)】

CSS 弹性盒子布局 (Flexible Box Layout)1. 弹性盒子布局的基本概念和术语2. flex 属性: 设置伸缩项的伸缩性和比例 (简写属性，用于伸缩项)2.1 flex-grow 属性: 伸缩项主轴上的宽或高的剩余空间的分配和比例 ( 数字值，默认不分配 0)2.2 flex-shrink 属性: 设置伸缩项的收缩因子 (数字值，默认等比例收缩 1)2.3 flex-basis 属性: 伸缩项的主轴方向上的初始宽或高 (假设大小，不一定等于真实

2019-12-27 17:02:07 693 1

原创【CSS 书写模式 (Writing modes )】

CSS 书写模式 Writing modes1. writing-mode 属性: 设置元素的书写模式(块流方向 +内联级内容/文本主流动方向 )2. text-combine-upright 属性: 把字符组合在一起放置在单个字符的空间 ( 垂直模式, 搭配 writing-mode 属性)3. text-orientation 属性: 设置垂直行中文本的方向 ( 垂直模式, 搭配 writing-mode 属性)♣ 结束语和友情链接

2019-12-17 05:01:19 1038

原创【CSS 用户界面属性 (Basic user interface)】

CSS 用户界面属性 Basic user interface1. appearance 属性: 设置元素的外观样式2. box-sizing 属性: 设置元素宽高属性的指定区域 (搭配 width,height 属性)3. caret-color 属性: 设置插入光标的颜色4. cursor 属性: 设置元素内鼠标光标的形状5. resize 属性: 设置元素的可调整性和调整方向 ( 搭配 overflow 属性)6. user-select 属性: 设置文本

2019-12-16 03:28:17 388

原创【CSS 遮挡和剪切属性 Masking】

CSS 遮挡和剪切属性 MaskingCSS 遮挡和剪切属性 Masking1. CSS Masking 的基本概念2. clip 属性: 设置绝对/固定定位元素的可见区域 (可指定四条剪切线的位置 , 已废弃，用 clip-path 替代)3. clip-path 属性:设置元素的剪切区域 ( = 可见区域)♣ 结束语和友情链接

2019-12-14 23:45:16 1699

原创【CSS 形状 (Shapes)】

CSS 形状1. CSS 形状的基本概念2. < basic-shape > 数据类型: CSS 属性中使用的形状值 / 形状函数Ⅰ. inset() 函数: 设置内嵌矩形 (可设置各边偏移量和区域的圆角)Ⅱ. circle() 函数: 圆形 (1个半径 at 一个圆心的位置)Ⅲ. ellipse() 函数: 椭圆形 (2个半径 at 1个圆心的位置)Ⅳ. polygon() 函数: 多边形顶点的坐标值对Ⅴ. path() 函数: svg path 路径字符串3.

2019-12-14 17:11:58 826

原创【CSS 定位属性（Position）】

CSS 定位属性1. position 属性: 设置元素的位置/定位类型 (静态/ 相对/ 绝对/ 固定/ 粘性, 搭配 top/ right/ bottom/ left 属性)1.1 top 属性: 定位元素的上偏移量 (长度值/百分比值/不偏移 auto, 搭配 position 属性)1.2 bottom 属性: 定位元素的下偏移量 (搭配 position 属性)1.3 left 属性: 设置定位元素的左偏移量 (搭配 position 属性)1.4 right 属性:

2019-12-12 00:02:41 468

原创【CSS 定位之 display 属性】

CSS 定位之 display 属性1. display 属性: 设置元素的显示类型 / 框的类型 (元素和子元素的布局)⑴ 设置元素的显示类型 ( 框的类型 ):⑵ 元素的显示类型⑶ 显示类型的语法⑷ 显示类型的属性值和属性值分类Ⅰ. 外部显示类型: < display-outside >Ⅱ. 内部显示类型: < display-inside >Ⅲ....

2019-12-11 17:16:31 674

原创【HTML 元素的分类】

html 元素的分类1. 替换元素与非替换元素 (实际内容的显示是否和属性相关)2. 块级元素和行内元素 (是否独占一行)3. 元素类型和对属性的影响♣ 结束语1. 替换元素与非替换元素 (实际内容的显示是否和属性相关)⑴ 替换元素（replaced element）替换元素 ⇒ 单标签(无属性) 无内容，添加属性有实际内容。没有实际内容，一般是空标签。①...

2019-12-10 21:10:25 290

原创【CSS 定位之 position 属性】

position 属性: 设置元素的位置/定位类型 (静态/ 相对/ 绝对/ 固定/ 粘性, 搭配 top/ right/ bottom/ left 属性)⑴ 设置元素的位置/定位类型: position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。搭配属性: 搭配以下偏移量属性,决定元素的最终位置❶ top❷ right❸ bottom❹ ...

2019-12-08 16:44:58 628

原创【盒模型之溢出和可见性属性 overflow & visibility】

盒模型之溢出和可见性属性 overflow & visibility1. overflow 属性: 设置内容溢出时的处理 (剪切/滚动条)1.1 CSS3 overflow-x 属性: 设置元素的水平溢出处理 (剪切/滚动条)1.2 CSS3 overflow-y 属性: 设置元素的垂直溢出处理 (剪切/滚动条)1.3 CSS3 overflow-wrap 属性: 溢出换行位置 / 溢出时单词换行位置2. visibility 属性: 设置元素的可见性(显示

2019-12-07 20:55:07 1022

原创【 CSS 尺寸/宽高属性 height&width 】

CSS 尺寸/宽高属性1. height 属性: 设置元素的高度 (auto/长度值/ 百分比值)1.1 max-height 属性: 设置元素的最大高度 (最小高度是最小, 高度超出时,实际高度= 最大高度,无最大值none/ 长度值/ 百分比值(包含块) )1.2 min-height 属性: 设置元素的最小高度 (最小高度不是最小时,实际高度= 最小高度,默认高度(auto)/长度值/ 百分比值(包含块))2. width 属性: 设置元素的宽度 (默认用于内容区,浏

2019-12-06 21:12:58 2167

原创【 CSS 外边距属性 ( Margin )】

⑴ **设置元素的外边距**: `margin` - 属性设置元素的所有四个边外部的外边距区域。 - ① **简写属性**: 在一个声明中，一次性设置所有外边距属性,是以下子属性的简写。 - (子属性和初始值都为 `0`) - ❶ **上外边距**: `margin-top: 0` - ❷ **右外边距**: `margin-right: 0` - ❸ **下外边距**: `margin-bottom: 0` - ❹

2019-12-05 22:24:56 2358

原创【 CSS 内边距属性（Padding）】

CSS 内边距属性 paddingCSS 内边距属性padding 属性CSS 内边距属性（Padding）美 ['pædɪŋ]内边距元素边框与元素内容之间的空间。用于属性名CSS 版本浏览器支持1.在一个声明中，一次性设置所有内边距属性。padding1都支持。IE 所有版本不支持属性值 inherit。2.元素的下内边距...

2019-12-05 15:47:47 2768

原创【视觉格式化模型 visual formatting model (详细介绍) 】

1. 视觉/可视化格式化模型和文档树2. 元素和盒子3. 盒子和包含块4. 盒子相关的术语5. 盒子的生成5.1 块级元素与盒子5.2 行内级元素和盒子6. 定位规则♣ 结束语和友情链接

2019-12-05 01:59:07 662

原创【 CSS 盒模型/框模型 Box Model】

1. CSS 基础框/盒模型 CSS Basic Box Model2. 元素和盒子3. 盒子的分区和分区边界4. 盒模型涉及的属性5. 盒模型和相关属性之间的影响♣ 结束语和友情链接

2019-12-04 22:51:42 281

原创【 CSS 边框和轮廓属性 Border&Outline】

CSS 边框属性（Border 和 Outline）边框属性须知1.样式最优先设置任何边框属性，必须先设置边框样式先声明 border-style 属性。元素只有在获得边框之后，才能改变其边框的宽度。主要内容边框宽度边框颜色边框样式边框圆角边框图像边框阴影轮廓所有边框属性IE7- 不支持值 “inherit”。边框颜色IE6-...

2019-12-04 18:58:17 2795

原创【CSS 图像 image 数据类型】

⑴ 常用的图像的属性值① 图像路径/地址 url()方法: url('URL')指向图像的路径,简单的静态图像，用 URL引用url值带引号.② 渐变图像gradient 相关的方法生成的渐变图像⑵ <image> css 图像数据类型CSS的<image> 图像数据类型描述的是 2D 图形。表示一个二...

2019-11-30 16:33:07 3302

原创【CSS 表格属性（Table）】

CSS 表格属性 Tableborder-collapse 属性border-spacing 属性caption-side 属性empty-cells 属性table-layout 属性用于属性名CSS 版本合并表格边框。border-collapse2相邻单元格边框之间的距离。border-spacing2表格标题的位置。caption-...

2019-11-26 03:29:07 4892 1

原创【CSS 列表属性 (List)】

CSS 列表属性 ListCSS 列表属性（List）list-style 属性list-style-type 属性list-style-position 属性list-style-image 属性CSS 列表属性（List）用于属性名CSS 版本在一个声明中，一次性设置所有的列表属性。list-style1将列表项标记设置为图象。list-sty...

2019-11-25 01:32:30 2709

原创【CSS 字体属性（Font）】

CSS 字体属性（Font）CSS 字体属性font 属性font-family 属性font-size 属性font-size-adjust 属性font-stretch 属性font-style 属性font-variant 属性font-weight 属性CSS 字体属性（Font）美 [fɑnt]字体所有字体属性的继承性都是会被继承的属性的浏览器支持都...

2019-11-24 01:25:26 2894

原创【CSS 文本属性（Text）】

CSS 文本属性（Text）1. color 属性: 颜色的前景色 (文本/文本装饰/边框/当前颜色的颜色)2. direction 属性: 文本/表列/水平溢出的方向 (文本方向可用标签的 dir 属性替代)3. CSS3 hanging-punctuation 属性: 悬挂标点的位置和符号 (实验中属性)4. letter-spacing 属性 : 字符间距 (字符之间的额外空白/空间)5. line-height 属性: 设置行高/行间距 (一行多高,影响行之间的

2019-11-20 03:36:52 1945

原创【CSS 属性值分类: 指定值,计算值,使用值,实际值的区别】

CSS 属性值的分类CSS 属性值的分类指定值计算值使用值实际值♣ 结束语和友情链接CSS 属性值的分类开发者设定的指定值 ≠ 实际值的情况浏览器和属性值的关系浏览器给元素赋值: 当浏览器解析了一个文档 ( document ) 并且生成了文档树 ( document tree )它必须为文档树中的每一个元素，根据目标媒介类型所适用的每一个特性，指定一个...

2019-11-16 01:01:11 1331

emmet的html缩写示例

emmet的css缩写示例

空空如也