---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 .
使用 函数可以获取到自定属性的值,这样就可以在样式规则中使用自定义属性。如下例,浏览器获取 的值 ,应用到 body 元素上。...默认替代 如果使用的变量未定义会怎么样?没有问题,浏览器会忽略这一条规则。如果你想确保万无一失,可以使用替代指定一个备选值。 替代与 CSS 中的字体定义有点像,一个使用逗号隔开的列表。...如果自定义属性没有值,浏览器忽略之使用列表中的下一个值。 译注:原文这里的说并不准确。 ,第一个逗号之后的内容都会被当作备选值。例如, ,备选值是 。...答案就在于 CSS 本身,而且一直如此,浏览器会直接忽略它们不认识的东西。 我们要做的很简单,首先指定一个与设计大相径庭的值,然后在再使用 CSS 自定义属性覆盖之。...我们可以为使用过时浏览器的用提供一个设计相对简单的替代方案。 做是否启用新的 CSS 特性的决定时,不要老往技术上考量,有时候可能需要改变一下对所有浏览器都要支持的态度。
使用 var() 函数可以获取到自定属性的值,这样就可以在样式规则中使用自定义属性。如下例,浏览器获取 --color-text-default 的值 black,应用到 body 元素上。...、字体或者尺寸等样式;不过除了这些 CSS Custom Properties 还有更多的特点,级联——可以根据平台的不同,通过 media query 查询来修改;更厉害的是, JavaScript...默认替代 如果使用的变量未定义会怎么样?没有问题,浏览器会忽略这一条规则。如果你想确保万无一失,可以使用替代指定一个备选值。...body { color: var(--color-text-default, black); } 替代与 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 选择器查找元素
: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:未定义
说是 JS,其实也还是要配合 CSS 使用。 要获取浏览器默认字体大小,我们可以使用 CSS 的 font-size 属性。...以下是设置元素字体大小的 CSS 代码示例: .element { font-size: medium; } 一旦将元素字体大小设置为浏览器默认大小,就可以通过 JavaScript 来获取其实际值...下面的代码演示了如何使用 JavaScript 获取浏览器默认字体大小: const measureElement = document.querySelector('.element'); let fontSize...然后,使用 getComputedStyle() 方法获取该元素的计算样式,即应用于该元素的实际样式。 最后,使用 parseInt() 方法将获取到的字体大小值转换为整数。...需要注意的是,如果浏览器默认字体大小被修改,例如在 Chromium 浏览器中将其更改为"特大",则返回值将相应地更改。
属性设置是基于chart实例的,所以我们必须先获取一个chart画板实例,获取方式: G2.Chart。...,但相对来说绑定id最为合适,因为一般每幅图都是独一无二的,但如果需要多副相同的图时,需要写重复代码,所以这里可以提个需求:让容器允许接收元素数组,而不是单单某一个元素。 ...3.可以使用id代替container 源代码: ? 解析:if条件表示如果没有container属性且有id属性,则将id的属性值赋给container。...padding 为数字以及数组类型时使用方法同 CSS 盒模型(上右下左)。 padding 中存在 'auto',时会自动计算边框,目前仅考虑 axis 和 legend 占用的边框。...这是“Chart 级别的主题样式配置”,默认值为default。
-- 呈现紫色字体,当前内联样式表的定义 -->purple 这里我们可以看到针对同一个 css 变量,可以在多个选择器内声明。读取的时候,优先级最高的声明生效。...:root { --primary-color: #06c;} 同时, css 变量提供了 JavaScript 与 css 通信的方法。就是利用 js 操作 css 变量。...这里我先介绍两个关于该功能的前置知识点: 事实上,CSS 变量的 var() 函数还可以使用第二个参数,表示变量的默认值。如果该变量此前没有定义或者是无效值,就会使用这个默认值。...第一个属性的设定对于不支持 CSS 变量的设备可以直接使用,如果当前设备支持 CSS 变量,则会使用 CSS 变量,但是由于当前 CSS 变量未定义,就会使用变量的默认值。...解释如下,事实上 -foo: ; 这个变量并不是一个无效值,它是一个空值。initial 才是 CSS 变量的无效值。
请使用 CSS 代替。...size 粗度 color 颜色 align 对齐方式 在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用...7,最小值:1,默认值:3) 最大值:7 最小值:1 默认值:3...face 字体类型,即字体,直接写文字就可以。...答:HTML中不能直接去掉,没有这个属性值,需要在CSS中给li标签添加样式 list-style:none; -------------------------------------- 6、
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="..
JavaScript中的负无穷大是一个常量值,用于表示最低可用值。这意味着没有其他数字比这个值更小。它可以通过自定义函数或算术运算生成。...undefine: 当一个变量被声明但没有被赋予任何值时,就会发生未定义。未定义不是一个关键字。...如果我们使用'typeof'运算符获取一个未声明变量的值,将会面临运行时错误,并返回"undefined"。未声明变量的作用域始终是全局的。 11....它用于显示一个带有可选消息的对话框,提示用户输入一些文本。如果用户想在进入页面之前输入一个值,通常会使用它。它返回包含用户输入的文本的字符串,或者返回null。 16....要实现这个功能,你需要使用函数. setTimout setInterval 和 clearInterval。
Undefined 类型表示未定义或不存在的值。 Null 类型表示一个空对象指针。 Boolean 类型表示逻辑上的 true 或 false。...Object 是一个键值对的集合,其中每个键都是一个字符串(或 Symbol),对应的值可以是任何类型。Object 是 JavaScript 中的核心数据类型之一。...Array 是一组有序的值的集合,使用数字索引来访问每个元素。在 JavaScript 中数组本质上也是对象,但它们是具有特殊行为和属性的对象。...需要注意的是,在 JavaScript 中,所有数据类型都是可变的,也就是说,变量的值可以在运行时改变它所引用的对象或原始值,这一点与某些强类型语言不同。...IndexedDB 使用异步 API 进行操作,需要使用数据库、事务、对象存储区域等概念。
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()
获取异步调用返回的数据 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。
:root { --primary-color: #06c; } 同时, CSS 变量提供了 JavaScript 与 CSS 通信的方法。就是利用 js 操作 css 变量。...这里我先介绍两个关于该功能的前置知识点: 事实上,CSS 变量的 var() 函数还可以使用第二个参数,表示变量的默认值。如果该变量此前没有定义或者是无效值,就会使用这个默认值。...第一个属性的设定对于不支持 CSS 变量的设备可以直接使用,如果当前设备支持 CSS 变量,则会使用 CSS 变量,但是由于当前 CSS 变量未定义,就会使用变量的默认值。...解释如下,事实上 -foo: ; 这个变量并不是一个无效值,它是一个空值。initial 才是 CSS 变量的无效值。...上文只是介绍了 CSS 变量的一些玩法,也许有更多有意思的玩法,不过这就需要大家的创造力了。
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元无门槛券
手把手带您无忧上云