---- 1、 按照文档层次查找 CSS 的使用方法可在 CSS 2.0 手册 中查询 ; 这里以 查询 font-weight 字体粗细设置 为例 , 在文档左侧的 " 属性 | 字体 | font-weight..." 中 , 可以找到该文档 ; 在右侧的 语法 和 参数 中 , 详细的说明了 属性的作用 , 以及 属性值如何设置 ; 2、 搜索关键字查找文档 此外 , 还可以在 CSS 2.0 手册的 搜索栏...; bold : 粗体 ; 1000 ~ 900 之间的数值 : 推荐 使用 数字 进行粗体设置 ; 400 是默认的 normal 样式 , 700 是 bold 粗体样式 ; 2、 代码示例...--font-weight:bold;--> font-weight:700; } <p class="...font-size/line-height font-family;} 上述 字体样式 的顺序 , 不能打乱 , 必须严格遵守 ; 字体样式 属性值 之间 , 使用空格隔开 ; font-size 和
,字体N; （1）说明 可以看大，font-family可以有多个属性值，也就是指定了多种字体，使用字体时按从左到右的顺序排列，以英文逗号隔开。...（3）多个属性值 电脑上安装的字体不尽相同，可能有些字体安装了，有些字体没有安装。...① 实际开发 在实际开发中，关键字这种方式基本不会用，所以我们掌握像素值即可。 （2）px像素值 关于px是什么，请看我的另一篇文章01-CSS基础。...1.语法格式 font-weight: 取值; （1）说明 font-weight属性取值有2种： 一种是 100~900...② 属性值为数值 font-weight属性的值可以是100~900 的数值。 其中，100相当于lighter，400相当于normal，700相当于bold，900相当于bolder。
CSS CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式...在上面的样式规则中: 1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。 2.属性和属性值以“键值对”的形式出现。...，我们尽量只使用宋体和微软雅黑中文字体 font-weight:字体粗细 字体加粗除了用 b 和 strong 标签之外，可以使用CSS 来实现，但是CSS 是没有语义的。...font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍）。...: 700; /* font-weight: bold; 700后面不要加单位，等价于bold，都是加粗效果*/ /* 实际开发中提倡使用数字 */
Analysis Tic-tac-toe又称井字棋，通常是在3x3的棋盘上，双方轮流落子，先将3枚棋子连成一线的一方获胜。本题将游戏进行了拓展，变为NxN的棋盘，加大了难度。...我们需要根据提供的框架实现游戏的逻辑部分，尤其是AI部分。 解题的关键需要理解游戏的规则，读懂整个框架，找到切入点，根据给定的测试集不断调试即可。...}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight...:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute...hljs-strong{font-weight:700}
：Vue开发中，每个组件都有一个style元素，使用的是内部样式表的方式，不过原理并不相同 外部样式表的应用场景：外部样式表是开发中最常用的方式，将所有css文件放在一个独立的文件夹中，然后通过link...RGB颜色可以通过以#为前缀的十六进制字符和函数（rgb()、rgba()）标记表示。...比如，#f09和#ff0099表示同一颜色。 四位数符号（#RGBA）是八位数形式（#RRGGBBAA）的减缩版。 比如，#0f38和#00ff3388表示相同颜色。...font-weight(重要) font-weight用于设置文字的粗细(重量) 常见的取值: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 :...每一个数字表示一个重量 normal :等于 400` bold :等于 700` strong、b、h1~h6等标签的 font-weight 默认就是bold 2.3. font-style(一般
计算机编程一直都不是一个简单的领域，即使是对于那些痴迷于计算机编程的同学，乃至大神们，也很难掌握所有的理论和概念。...:700}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:teal...}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight...:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute...hljs-strong{font-weight:700}
基本语法是相同的，但是字体技术是不一样的，并且可变字体可以提供像对 font-weight 和 font-stretch 等描述符的允许范围，而不是根据加载的字体文件来命名。...ANYBODY ANYBODY 借助 SCSS 简化下代码，下述代码核心就是给每个 li，添加一个相同的动画...目前注册的五个轴是字重，宽度，倾斜度，斜体和光学尺寸。 上文其实已经罗列了 5 个注册轴，并且简单介绍了它们的使用。...是不一样的倾斜） 光学尺寸轴 "opsz"：对应字体的 font-optical-sizing，控制字体的光学尺寸 自定义轴实际上是无限的：字体设计师可以定义和界定他们喜欢的任何轴，并且只需要给它一个四个字母的标签以在字体文件格式本身中识别它...上面收集了非常多的 Variable Fonts，并且罗列出了它们在注册轴上支持的字体属性的范围，譬如支持字重从 100 到 700，我们可以自由进行调试预览 image.png Can i Use（2022
展开格式(==推荐==，更直观) h3 { color: pink; font-size: 20px; } 样式大小写 一般情况使用小写字母，特殊情况除外 空格规范 冒号后保留空格 选择器和大括号间保留空格...，==长名称或词组使用横线来为选择器命名== 多类名： 使用方式：多类名间要使用空格隔开 使用场景：相同样式放在同一个类里面方便修改 id选择器(#id)：为特定id的HTML元素指定特定样式，==只能调用一次...谷歌默认16px 不同浏览器默认字号大小不一致，尽量给一个明确值 标题标签比较特殊，需要单独指定大小 字体粗细(font-weight) normal：默认值400 bold：粗体，相当于700，也相当于...b对象的作用 bolder：IE5+，特粗体 lighter：IE5+，细体 number：IE5+，100|200|300|400|500|600|700|800|900 字体样式(font-style...改为不倾斜字体 字体复合属性(font) body { /* 不能随意颠倒顺序 */ /* font-size, font-family 必须写 */ font: font-style font-weight
font-weight：字体的加粗属性 font-weight 字体加粗属性，是让前端和产品同学最迷茫的属性。当你把做好的页面拿给产品经理体验时，产品经理首先关注到的就是字体的加粗问题。...我们先来看看 font-weight 有哪些属性值。 在设置字体是否加粗时，属性值既可以直接填写 100 至 900 这样的数字，也可以填写normal、bold这样的单词。...如下： 关键问题是，很多人会发现，在 Android 平台的浏览器中， font-weight 无论是设置300、400，还是500，文字的粗细都没有任何变化，只有到700的时候才会加粗一下，感觉浏览器好像不支持这些数值...总结：（各大操作系统的默认字体加粗效果） •Android 平台的 Droid Sans 字体，只有 >=700才会加粗；而且加粗效果相同。...•Mac & iOS 平台的“苹方”字体：500 和600，加粗效果是不同的；>=600的加粗效果是相同的。•Windows 平台的“微软雅黑”字体：只有 >=600 才会加粗，而且加粗效果相同。
定义标准的字符 bold 定义粗体字符 bolder 定义更粗的字符 lighter 定义更细的字符 100~900（100的整数倍） 定义由细到粗的字符。...，不能更换顺序，并且各个属性间以空格隔开 不需要设置的属性可以省略（取默认值），但必须保留 font-size 和 font-family 属性，否则 font 属性将不起作用 1.6 总结 属性 表示...注意点 font-size 字号 通常用的单位是 px 像素，一定要跟上单位 font-famly 字体 按照实际需求写字体 font-weight 字体粗细 加粗是700 或者 bold 不加粗是...，深度理解和清晰的表达方式使复杂的技术概念变得容易理解，值得收藏点赞。...，深度理解和清晰的表达方式使复杂的技术概念变得容易理解，值得收藏点赞。
Times,"宋体" 2.字体属性 字体类型 font-family 初始化时定义字体类型，如宋体 字体大小 font-size 应用于: 所有元素 继承性: 有 百分数: 相对于父元素的字体大小...chrome/firefox/opera/IE/safari:16px 最小字体大小 chrome:12px opera:9px safari/IE/firefox:无 字体加粗 【1】常用值 font-weight...: normal(正常，默认) font-weight: bold(加粗) 【2】所有值 normal(正常)/bold(粗体)/bolder(更粗)/lighter(更细) 100/200/300.../400/500/600/700/800/900 (100为最细，900为最粗) 字体风格 font-style: normal(默认) font-style: italic(斜体) font-style
字体大小 font-size 设置字体的大小 ,px 是一个单位，代表屏幕的上的像素，在css大多数数值都需要添加单位 font-size: 12px; 字体粗细 font-weight 设置字体的粗细...，取值：默认(normal) 、加粗(bold)、 100 - 900 font-weight:bold 因为字体在初始设计的时候就没有设置太多的粗细标准，用数字设置的时候，只有在400和700会产生变化...，在实际工作中 用的最多的就是normal(400） bold（700） 字体风格 font-style 设置字体的风格(样式) 取值：normal 默认 显示标准的字体样式 italic 字体倾斜...font-family; 不建议修改顺序 并且不需要设置的属性可以不写 但是font-size和font-family必须指定，否则将不起作用 行高 行高控制的是文字与文字之间的上下距离 （行距...） line-height:值; 值的取值是像素 **小技巧：如果将标签的高度和行高设置成一样，那么这个标签里面的文字可以在这个标签里面垂直居中 两者结合使用可以让单行文字在标签内部水平垂直居中 文字的对齐
#自定义名称{属性：值；} 四：通配符选择器： 特点：给所有的标签都使用相同的样式。 不推荐使用。...*{属性：值；} 知识点四： 复合选择器： 概念：两个或两个以上的基础选择器通过不同的方式连接在一起。 一：交集选择器： 特点：既要满足使用的某个标签选择器，又要满足使用了类选择器。...：700； 值从100-900，文字粗细，不推荐使用font-weight：bold； font-family：微软雅黑； 文字字体 font-style：normal|italic...文本属性连写文字大小和字体为必写项。...例： Font:italic 700 16px/40px 微软雅黑; 文字的字体表达形式： 一：直接写中文名称： div{ font-family：微软雅黑；
属性值必须以类族名称(generic-family)结尾确保字体会以正确的形式解析渲染. 2....因地制宜 由于无法控制客户端到底安装了哪些字体，若想以最简并最精准的方式设置font-family则需要结合UA来判断当前的浏览器和OS平台，进而动态设置font-family属性值...虽然中易宋体仅含一个正常版本的字体库，但毫不影响以粗体和斜体的样式来显示，这时则称为伪粗和伪斜。 伪粗（poor man's bold）：是通过对字体glyph路径做一定的变换而成。 ...font-weight: 600; /* 字重代号 */ font-weight: 700; /* 字重代号，相当于bold */ font-weight: 800; /* 字重代号 */ font-weight...: 900; /* 字重代号 */ 100~900为字重代号，字体库会针对不同的字重代号提供不同等级的粗细程度的设计。
在一个声明中设置所有字体属性 font-family 字体系列 font-size 字体尺寸 font-size/line-height 字体尺寸和行高 font-style 字体风格 font-weight...c) Monospace字体系列的字体并不是成比例的，通常用于打印机输出。这些字体每个字符的宽度都必须完全相同，所以小写的i和小写的m有相同的宽度。...标准字符 bold 粗体 bolder 更粗 lighter 更细 100、200、300、400、500、600、700、800、900 定义由粗到细的字符。...400=normal，700= bold 6. CSS3服务器端字体 在CSS3之前，Web设计师必须使用已在用户计算机上安装好的字体。...定义字体的样式。默认是"normal" font-weight normal、bold、100、200、300、400、500、600、700、800、900 可选。定义字体的粗细。
在 CSS 中，font-weight 属性的默认值是 normal。这通常对应于字体权重的数值 400。...- normal：相当于 400 - bold：相当于 700 - bolder：比父元素的字体更粗 - lighter：比父元素的字体更细 - 100 到 900：定义了从最薄 (100) 到最粗 (...900) 的九个权重等级 注意，不是所有的字体都支持所有的权重等级。...如果你尝试设置一个字体没有的权重等级，浏览器将尝试近似地匹配你的要求。例如，如果你尝试设置一个只有 400 和 700 权重的字体为 500，浏览器将选择 400 权重，因为它更接近。
相当于数字值700。...bolder 定义比继承值更重的值 lighter 定义比继承值更轻的值 ：100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900...normal 默认处理方式 pre 原封不动的保留你输入时的状态 nowrap：强制所有文本在同一行内显示 2.word-break 定义元素内容文本的字间与字符间的换行行为 normal：...该值适合包含一些非亚洲文本的亚洲文本，比如使连续的英文字符断行。 3.text-align 定义元素内容的水平对齐方式。 left：内容左对齐。 center：内容居中对齐。...（该值不影响该元素文本的字体大小） text-top：把当前盒的top和父级的内容区的top对齐 text-bottom：把当前盒的bottom和父级的内容区的bottom对齐 middle：把当前盒的垂直中心和父级盒的基线加上父级的半
:"微软雅黑”} 可以同时指定多个字体，中间用逗号隔开 各种字体之间必须使用英文的逗号隔开 3.3 font-weight ：字体粗细 字体加粗除了用 b 和 strong 标签之外，可以使用CSS 来实现...font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍）。...技巧： 数字 400 等价于 normal，而 700 等价于 bold。 但是我们更喜欢用数字来表示。...font-style:字体风格 字体倾斜除了用 i 和 em 标签之外，可以使用CSS 来实现，但是CSS 是没有语义的。...lowercase 全部字符转换为小写 6.text-decoration 文本装饰 none underline overline line-through删除线 7.text-align水平对齐方式
: 100; } &.p2 { font-weight: 400; } &.p3 { font-weight: 700; } } 这里，我分别指定了一组中英文的渐进字重文段...font-weight font-weight属性决定着文字的粗细程度，值可以为数字或者关键字，常用的大概有以下类型 300 400 (normal) 500 600 700 (bold) 注意：bolder...字体的字重回退机制 在 CSS 中，可以通过 font-weight 属性指定了字体的粗细程度，但是不同字体支持的字重不同，比如说有些字体可能只支持400,700两个权重，如果指定的权重值不可用，浏览器需要靠字重的回退机制去解决...; } &.p3 { font-weight: 700; } } 这里我指定的一组字体样式，而中文和英文字体的生效情况是不一样的，在chrome浏览器中，英文的字体是Helvetica...可以将-webkit-text-stroke理解为文字的内边距，如果我们想让文字变细，只需要将它的内边距的颜色设置为何背景相同即可，视觉上，文字整体都变得更细了。
和 right to left leng属性： 用于指定元素内容的语言。...方式" action="服务器文件"> action:浏览者输入的数据被传送到的地方，比如一个php页面 method:数据传送的方式 输入标签 input...: yellow; color: red; font-weight: bold; } 群组选择器 可以对多个不同的选择器设置相同的样式 选择器的优先级： 权重计算方式： 标签选择器：1, class...background-repeat background-repeat: no-repeat no-repeat: 设置图像不重复，常用 round: 自动缩放直到适应并填充整个容器 space:以相同的间距平铺且填充满整个容器...字体 font-family字体 font-size font-weight: normal,bold,bolder,lighter,100-900(400=normal,700=bold) color
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
