---title: css-fonttags: 笔记categories: 笔记author: 喵雨date: 2022-06-19 09:51:07coverImg:---font-familyh2..."Microsoft YaHei UI";}font-sizeh3 { font-size: 20px;}谷歌浏览器默认的文字大小为16px可以给body指定页面所有文字的大小标题标签比较特殊，需要单独指定其文字大小...font-weight: initial; /将此属性设置为其默认值。...font-weight: revert; font-weight: unset; font-weight: 700; /不用加单位，等价于bold /提倡使用数字 表示加粗或者变细}font-stylep...font复合写法div { font: italic 700 16px "Microsoft YaHei UI";}顺序 ： 斜体/正常体 粗度 大小 字体 font-style font-weight
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。...大小为宽300、高100像素），而且不能使用css来设置（会被拉伸），建议直接写于canvas标签内部： <...（故咱可将“getContext”翻译为“获取绘图环境”） 接下来：主要是对canvas线段绘制功能的介绍 理论不多说，我们先来个小例子，从最简单的绘制直线开始： 效果如下： 在这里我们使用了3个...，canvas也一样，想要运动路径轨迹能有视觉效果，需要使用相应的上色/描边方法 ---- 自此我们很轻松地绘制了一条黑色的直线，但如果我们想要绘制一条红色的或者其它颜色的线段，该怎么做呢？...=color|gradient|pattern; //即支持 “颜色/渐变/图案笔刷” 的赋值 先看看color赋值方式，和我们常规的css赋值是一样的，支持css3颜色值标准，如下例： 2 .
使用 var() 函数可以获取到自定属性的值，这样就可以在样式规则中使用自定义属性。如下例，浏览器获取 --color-text-default 的值 black，应用到 body 元素上。...、字体或者尺寸等样式；不过除了这些 CSS Custom Properties 还有更多的特点，级联——可以根据平台的不同，通过 media query 查询来修改；更厉害的是， JavaScript...默认替代 如果使用的变量未定义会怎么样？没有问题，浏览器会忽略这一条规则。如果你想确保万无一失，可以使用替代指定一个备选值。...body { color: var(--color-text-default, black); } 替代与 CSS 中的字体定义有点像，一个使用逗号隔开的列表。...我们可以为使用过时浏览器的用提供一个设计相对简单的替代方案。 做是否启用新的 CSS 特性的决定时，不要老往技术上考量，有时候可能需要改变一下对所有浏览器都要支持的态度。
使用 函数可以获取到自定属性的值，这样就可以在样式规则中使用自定义属性。如下例，浏览器获取 的值 ，应用到 body 元素上。...默认替代 如果使用的变量未定义会怎么样？没有问题，浏览器会忽略这一条规则。如果你想确保万无一失，可以使用替代指定一个备选值。 替代与 CSS 中的字体定义有点像，一个使用逗号隔开的列表。...如果自定义属性没有值，浏览器忽略之使用列表中的下一个值。 译注：原文这里的说并不准确。 ，第一个逗号之后的内容都会被当作备选值。例如， ，备选值是 。...答案就在于 CSS 本身，而且一直如此，浏览器会直接忽略它们不认识的东西。 我们要做的很简单，首先指定一个与设计大相径庭的值，然后在再使用 CSS 自定义属性覆盖之。...我们可以为使用过时浏览器的用提供一个设计相对简单的替代方案。 做是否启用新的 CSS 特性的决定时，不要老往技术上考量，有时候可能需要改变一下对所有浏览器都要支持的态度。
它们是相同的B. null表示未定义，undefined表示空C. null表示空，undefined表示未定义D. 它们都表示空值在CSS中，选择器 .class 是用来选择什么？A. 标签B....CSS中，用于选择所有元素的通配符是__________。JavaScript中，=== 运算符用于检查值和类型是否__________。...CSS中，用于选择所有元素的通配符是 *。JavaScript中，=== 运算符用于检查值和类型是否完全相等。在计算机网络中，IP地址分为公有IP和私有IP。...媒体查询： 使用CSS媒体查询根据设备特性（如屏幕宽度、设备类型）应用不同的样式。这使得可以根据屏幕尺寸调整字体大小、布局等。...创建动态内容： 使用DOM可以动态创建、添加和删除页面元素，使得页面内容能够根据需要动态生成。
，用来结构化我们的网页内容和赋予内容含义，例如定义段落、标题，或是在页面中嵌入图片和视频CSS 是一种样式规则语言，我们将样式应用于我们的 HTML 内容， 例如设置背景颜色和字体，对页面的内容进行布局...，在 Chrome 浏览器开发者工具中，快捷键 F12JavaScript 声明及命名规则直接量(literal)，程序中直接使用的数据值变量(variable)，变量是使用 var 关键字定义的一个存储空间...Undefined，无初始值即为未定义类型var a; 空类型 Nullvar b = null;我们一般使用 typeof 操作符来返回数据类型var myName = "Nian糕"; //不要使用...，等号运算符 == 和 === 不能被用来判断一个值是否是 NaN，必须使用 Number.isNaN() 或 isNaN() 函数，在执行自比较之中：NaN，也只有NaN，比较之中不等于它自己获取元素...() 方法 （IE 不兼容）通过标签的 class 值来获取标签 （返回的是一个数组，将所有相同 class 名的标签返回）querySelector() 方法，接受一个参数：通过元素的 css 选择器查找元素
说是 JS，其实也还是要配合 CSS 使用。 要获取浏览器默认字体大小，我们可以使用 CSS 的 font-size 属性。...以下是设置元素字体大小的 CSS 代码示例： .element { font-size: medium; } 一旦将元素字体大小设置为浏览器默认大小，就可以通过 JavaScript 来获取其实际值...下面的代码演示了如何使用 JavaScript 获取浏览器默认字体大小： const measureElement = document.querySelector('.element'); let fontSize...然后，使用 getComputedStyle() 方法获取该元素的计算样式，即应用于该元素的实际样式。 最后，使用 parseInt() 方法将获取到的字体大小值转换为整数。...需要注意的是，如果浏览器默认字体大小被修改，例如在 Chromium 浏览器中将其更改为"特大"，则返回值将相应地更改。
:red"> (2)内部样式:head里边 div{color:red} (3)外部样式 创建一个.css文件 div{...color:red} 调用一个外部的css样式文件 rel:relation...的缩写，引入的文件与html本身的关系，样式表 type:告知浏览器这段代码需要解析 href:需要引入的css的路径 特点:书写方便，复用性强， 3.css选择器 (1...的属性 (1)文字属性 font-size:字号 font-family:字体类型 (2)文本属性 color:颜色 text-align:对齐方式 text-decoration...hello"; y = 5; 2）原始类型 number:数字 string:字符串 boolean:布尔类型 undefined:未定义
-- 呈现紫色字体，当前内联样式表的定义 -->purple 这里我们可以看到针对同一个 css 变量，可以在多个选择器内声明。读取的时候，优先级最高的声明生效。...:root { --primary-color: #06c;} 同时， css 变量提供了 JavaScript 与 css 通信的方法。就是利用 js 操作 css 变量。...这里我先介绍两个关于该功能的前置知识点: 事实上，CSS 变量的 var() 函数还可以使用第二个参数，表示变量的默认值。如果该变量此前没有定义或者是无效值，就会使用这个默认值。...第一个属性的设定对于不支持 CSS 变量的设备可以直接使用，如果当前设备支持 CSS 变量，则会使用 CSS 变量，但是由于当前 CSS 变量未定义，就会使用变量的默认值。...解释如下，事实上 -foo: ; 这个变量并不是一个无效值，它是一个空值。initial 才是 CSS 变量的无效值。
next 获取紧随pre元素的后一个兄弟元素 $("label + input") prev ~ siblings 获取pre元素后边的所有兄弟元素 $("form ~ input") 练习2： ² 将...class属性值为itcast的元素下所有a元素字体变为红色 ² 将class属性值为itcast的元素下直接a元素字体变为蓝色 ² 将div元素后所有兄弟a元素，字体变为黄色，大小变为30px <scripttype...a元素字体变为红色 $(".itcast a").css("color","red"); // 将class属性值为itcast的元素下直接a元素字体变为蓝色 $(".itcast>a").css("color...itcast ² 设置table所有 可见 tr 背景色 黄色 ² 设置table所有 隐藏tr 字体颜色为红色，显示出来 ，并输出tr中文本值 <script type="text/<em>javascript</em>...背景色 黄色 ² 表格 偶数行 背景色 灰色 ² 只有<em>一个</em>td的 tr元素 <em>字体</em>为 蓝色 <scripttype="text/javascript"src="..
属性设置是基于chart实例的，所以我们必须先获取一个chart画板实例，获取方式： G2.Chart。...，但相对来说绑定id最为合适，因为一般每幅图都是独一无二的，但如果需要多副相同的图时，需要写重复代码，所以这里可以提个需求：让容器允许接收元素数组，而不是单单某一个元素。 ...3.可以使用id代替container 源代码： ? 解析：if条件表示如果没有container属性且有id属性，则将id的属性值赋给container。...padding 为数字以及数组类型时使用方法同 CSS 盒模型（上右下左）。 padding 中存在 'auto'，时会自动计算边框，目前仅考虑 axis 和 legend 占用的边框。...这是“Chart 级别的主题样式配置”，默认值为default。
JavaScript中的负无穷大是一个常量值，用于表示最低可用值。这意味着没有其他数字比这个值更小。它可以通过自定义函数或算术运算生成。...undefine: 当一个变量被声明但没有被赋予任何值时，就会发生未定义。未定义不是一个关键字。...如果我们使用'typeof'运算符获取一个未声明变量的值，将会面临运行时错误，并返回"undefined"。未声明变量的作用域始终是全局的。 11....它用于显示一个带有可选消息的对话框，提示用户输入一些文本。如果用户想在进入页面之前输入一个值，通常会使用它。它返回包含用户输入的文本的字符串，或者返回null。 16....要实现这个功能，你需要使用函数. setTimout setInterval 和 clearInterval。
请使用 CSS 代替。...size 粗度 color 颜色 align 对齐方式 在 HTML 4.01 中，hr 元素的所有呈现属性均不被赞成使用...7，最小值:1，默认值:3） 最大值：7 最小值：1 默认值：3...face 字体类型，即字体，直接写文字就可以。...答：HTML中不能直接去掉，没有这个属性值，需要在CSS中给li标签添加样式 list-style:none; -------------------------------------- 6、
1.选择器 2.一条或多条声明 a.选择器主要作用是为了确定需要改变样式的HTML元素 b.每一条声明由一个属性和一个值组成，使用花括号来包围声明，属性与值之间使用冒号(:)分开,多条声明用分号(;)...优先级问题 最近原则:不同的导入方式中,如果有属性一样的样式,那个方式里此html元素近就用那种方式定义的样式. 4.CSS选择器 css选择器主要是用于选择需要添加样式的html元素。...5.CSS属性 字体 Css字体属性定义文本的字体系列，大小，加粗，风格(如斜体)和变形(如小型大写字母) 常用属性: font:简写属性，作用是把所有针对字体的属性设置在一个声明中。...通常字体系列名称：例如 font-family:"serif","sans-serif","cursive","fantasy","monospace" “,”的意思是指如果本地没有该字体系列，再使用下一个...JavaScript是基于对象，Java是面向对象。 JavaScript只需解释就可以执行，Java需要先编译成字节码文件，再执行 JavaScript是弱类型，Java是强类型。
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第十二章 Javascript编程的初步知 案例 12-01 JavaScript的数值常量 <!...-- JavaScript是弱类型： 即使用前无需声明，使用或赋值时确定其数据类型。...-- undefined值： 使用一个并未声明的变量； 使用已声明，但未定义的变量； 使用一个不存在的对象属性； typeof:检测数据的数据类型；...="center">空值型和未定义值 document.write("null的数据类型是...-- 自动类型转换优先级： 字符串，浮点型，整型，布尔型 基本数据类型转换：String(),Number(),Boolean() 从一个值中提取另一个值： parseInt()
:root { --primary-color: #06c; } 同时， CSS 变量提供了 JavaScript 与 CSS 通信的方法。就是利用 js 操作 css 变量。...这里我先介绍两个关于该功能的前置知识点: 事实上，CSS 变量的 var() 函数还可以使用第二个参数，表示变量的默认值。如果该变量此前没有定义或者是无效值，就会使用这个默认值。...第一个属性的设定对于不支持 CSS 变量的设备可以直接使用，如果当前设备支持 CSS 变量，则会使用 CSS 变量，但是由于当前 CSS 变量未定义，就会使用变量的默认值。...解释如下，事实上 -foo: ; 这个变量并不是一个无效值，它是一个空值。initial 才是 CSS 变量的无效值。...上文只是介绍了 CSS 变量的一些玩法，也许有更多有意思的玩法，不过这就需要大家的创造力了。
获取异步调用返回的数据 6. 使用JavaScript和DOM实现局部刷新 四十二、CSS中 em 与 rem 指的是什么？有什么区别？...rem是CSS3新增的一个相对单位（root em，根em），相对于根元素(即html元素)font-size计算值的倍数 rem（font size of the root element）是指相对于根元素的字体大小的单位...对于 get 方式，服务器端用 Request.QueryString 获取变量的值，对于 post 方式，服务器端用 Request.Form 获取提交的数据。...在 JavaScript 中，如果你试图使用一个不存在且尚未声明的变量，JavaScript 将抛出错误“var name is not defined”，让后脚本将停止运行。...但如果你使用 typeof 未定义变量，它将返回 undefined。
HTML5 的 Canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，你可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。...lineTo（）方法使用X和Y作为参数，在 Canvas 上创建上一个点到参数指定点的路径。...font 属性设置或获取字体属性，如字体样式、字重、字体大小和字体系列等。它遵循和 CSS 字体属性相同的语法。 textAlign 属性设置或获取文本内容的水平对齐方式。...textAlign 可以设置成5个值："start", "end", "right", "left" 和 "center" textBaseline 属性设置或获取文本内容的垂直对齐方式。...addColorStop（）有2个参数： 一个0.0到1.0之间的值，代表渐变中开始点和结束点的位置。
是一个HTML5中新增的元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成绘制图像。 标签只是图形容器，您必须使用脚本来绘制图形。...也可以使用 css 属性来设置宽高，但是如宽高属性和初始比例不一致，会出现扭曲。...font 属性： font 属性设置或返回画布上文本内容的当前字体属性。 font 属性使用的语法与 css中的font属性 相同。...2.2 JavaScript floor() 方法 floor() 方法返回小于等于x的最大整数。如果传递的参数是一个整数，该值不变。...Math.random() 例如获取 1 到 10 之间的一个随机数我们可以这样写： Math.floor((Math.random()*10)+1); 2.4 JavaScript ceil() 方法
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
