文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS font-family 属性设置字体

前言 ---- font-family 属性用于给元素指定字体，是开发中使用非常频繁的一个属性 该属性的值是一个字体系列，每个值使用逗号隔开，如果字体名名称包含空格，那么字体名称必须使用引号包裹，设置的字体是否可用取决于用户机器上该字体是否可用...给英文，中文设置不同的字体 ---- 众所周知，font-family 属性的原则是客户端不支持前面的字体时，自动往后查找可以使用的字体 如果想要给英文，中文设置不同的字体，可以使用一个仅支持的英文的字体...（比如: Arial），再找一个支持中文的字体 如下所示: 遇到文字时，首选会尝试使用 Arial 字体，该字体支持英文，所以遇到英文会生效，遇到中文时 Arial 不支持，将自动使用后面的 Noto..." href="https://fonts.googleapis.com/css?...family=Noto+Sans+SC:100,300,400,500,700,900">C:100,300,400,500,700,900"> 在需要使用思源黑体的地方使用 CSS 设置字体 font-family

2.4K20

CSS基础03-CSS字体属性

03-CSS字体属性 CSS Fonts（字体）属性用于定义字体系列、大小、粗细、文字样式（如斜体等）。 3.1字体系列 CSS使用font-family属性定义文本的字体系列。...属性设置字体大小 p { font-size: 20px; } px（像素）是我们网页中最长使用的单位 谷歌浏览器默认的文字大小为16px 不同浏览器可能默认显示的字号不一致...，我们应尽量给一个明确值，而不要使用默认大小 同样可以通过给设置字号大小来指定整个页面文字的大小（标题标签除外，需要单独设定） 3.3字体粗细 CSS使用 font-weight属性来设置字体粗细...，属性值有normal(正常字体，相当于number为400，可以用于取消标题等标签的加粗效果)、bold（粗体 相当于number为700，也相当于和的效果）、bolder（特粗体...）、lighter（细体）、number（直接使用数字，不要加单位，相对于单词属性值，数字属性值更推荐使用） 3.4文字样式 CSS使用 font-style属性设置文字样式，属性值有normal（默认值

1.8K20
您找到你想要的搜索结果了吗？
是的
没有找到

前端学习笔记之CSS属性设置 CSS属性设置

一 字体属性 1、font-weight：文字粗细 取值 描述 normal 默认值，标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细，400等同于normal...：一般是12px或13px或14px 注意： 1、通过font-size设置文字大小一定要带单位，即一定要写px 2、如果设置成inherit表示继承父元素的字体大小值。...非衬线字体 中文：宋体，微软雅黑，黑体 注意： 1、设置的字体必须是用户电脑里已经安装的字体，浏览器会使用它可识别的第一个值。...inherit 设置从父元素继承background属性值 以上背景属性的值均可以设置为inherit，代表从父元素继承background属性 背景缩写 body { background:...CSS显示模式转换 属性 描述 值 display 可以通过标签的display属性设置显示模式 block 块级inline 行内inline-block 行内块级 4、div与span 布局都是用块级元素

5.8K30

【CSS】CSS 文本样式 ① ( font 字体设置 | font-size 字号大小设置 | font-family 字体设置 | Unicode 编码字体名称 )

适配比较麻烦 ; 不同的浏览器的默认文字大小不同 , 尽量为每个 body 设置一个基本的默认字体大小 , 推荐在 body 中设置 16 px ; Google 浏览器默认文字大小 16 像素 ;...2、 代码示例 代码示例 : 在开始处 , 先设置 body 标签下所有的文字为 16 px , 然后在后面定义 tittle 类的文字大小为 20 px , 这样遇到 tittle 类标签后 , 在该类标签中可以覆盖之前的...---- 1、 语法简介 CSS 文字 字体设置语法 : p { font-family:"微软雅黑"; } 常见的字体 : 微软雅黑 , 默认字体 ; 宋体 黑体 如果 指定了多个字体 , 如下样式...: 如果设置多个字体属性值 , 使用逗号隔开 ; 中文名称 的字体 , 使用双引号包裹 ; 英文名称 的字体 , 直接写上去即可 , 不必使用双引号 ; 如果 字体的 英文名称 中包含 空格 , #..., $ 等字符 , 则必须加双引号 或 单引号 ; 使用系统的默认字体 , 不要使用不常见的字体 , 保证浏览器适配 ; 2、 Unicode 编码字体名称 在 CSS 中 设置 中文名称字体 时 ,

2.5K20

【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )

文章目录 一、 CSS 2.0手册使用 1、 按照文档层次查找 2、 搜索关键字查找文档 二、 font-weight 字体粗细设置 1、 语法简介 2、 代码示例 三、 font-style 字体斜体设置...---- 1、 按照文档层次查找 CSS 的使用方法可在 CSS 2.0 手册 中查询 ; 这里以 查询 font-weight 字体粗细设置 为例 , 在文档左侧的 " 属性 | 字体 | font-weight..." 中 , 可以找到该文档 ; 在右侧的 语法 和 参数 中 , 详细的说明了 属性的作用 , 以及 属性值如何设置 ; 2、 搜索关键字查找文档 此外 , 还可以在 CSS 2.0 手册的 搜索栏...标签 粗体显示 , 则可以使用 CSS 设置其 不加粗 ; 在 CSS 中 , 可使用 font-weight 设置 字体粗细 ; font-weight 属性值设置 : normal : 默认不加粗样式..., 可使用 font-style 设置 字体粗细 ; body { font-style:italic; } font-style 属性值设置 : normal : 默认没有斜体的样式 ; italic

4.4K20

CSS中字体和文本关键属性值

font-weight 字体粗细 属性 说明 对应值 norml 正常（默认值） 100 lighter 较细 400 bold 较粗 700 bolder 很粗 900 font-style 字体风格...属性 说明 normal 正常（默认值） italic 斜体 oblique 斜体 在这里，有些字体有斜体italic属性，但有些字体却没有italic属性，oblique是让没有italic属性的字体也能够有斜体效果...行高 letter-spacing 字母间距 word-spacing 词间距 字体样式针对的是“文字本身”的型体效果，而文本样式针对的是“整个段落”的排版效果。...字体样式注重个体，文本样式注重整体。...首行缩进：text-indent：通常可以使用6个   来设置首行缩进，但是为了不冗余代码，我们建议使用text-indent来设置首行缩进，text-indent值应该是font-size值的

1.1K10

前端基础-css字体与文本属性

二、css字体、文本属性 css学前小知识： 一张图片的打印出来的实际尺寸是由电子图片的像素和分辨率共同决定的，像素(Pixel)是指构成图片的小色点，分辨率(单位DPI)是指每英寸(Inch)上的像素数量...实际尺寸(英寸)=像素/分辨率; 1英寸=2.54厘米; 如一张图片宽为600像素，分辨率为300，那么实际打印宽度为：600/300=2英寸，约为5厘米。...1.字体属性 a) font-size 设置字体的大小 取值方式：数字 + 像素单位px（像素就是一个长度单位） 示意图 ?...d) font-family 设置不同的字体 取值： 宋体、微软雅黑、黑体、。。。等等 示意图 ?...2.字体可以写多组，中间用逗号隔开，显示不了第一个，就找第二个显示 3.字体名称中如果有空格 # $ 这种特殊字符的时候需要添加上引号 中文字体也需要添加引号 2.文本属性 a) 文本修饰 语法：text-decoration

77330

html段落首行缩进两字符_css设置首行缩进

段落前面空两个字的距离，不要再使用空格了，用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。...比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。...相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。... —————————————————————————————————————– 用CSS实现段落首缩进两个字符，实现首行缩进的通用方法是加四个小角空格。 其实呢，用CSS样式来定义更为高效。...也可以在正文中使用嵌入式CSS样式来定义，下面举个实例（使用时请将尖括号改为小角尖括号）： ＜div style=”text-indent:2em”＞ ＜p＞段落一＜／p＞ ＜p＞段落二＜/p＞ ＜p＞

4.3K50

Python快速设置Word文件中指定段落为目录标题

肯定有人会说，逐个章节标题设置好目录级别，然后直接生成就可以了。如果章节标题非常多的话，可以使用格式刷啊。...如果有三级标题，先设置好一个一级标题以后去刷所有一级标题，然后设置好一个二级标题去刷所有二级标题，最后设置一个三级标题再去刷所有三级标题，不过是多花点时间而已。...把得到的Word文档保存为“快速设置章节标题.docx”，接下来要做的事情是，把所有以数字开头然后空格后面是文本的段落设置为对应级别的标题，如果开头只有一个数字就设置为一级标题，以一个圆点分隔的两个数字开头的段落设置为二级标题...，以两个圆点分隔的三个数字开头的段落设置为三级标题。...首先，打开文件“快速设置章节标题.docx”，手工设置一个一级标题、一个二级标题和一个三级标题，保存文件。这一步很重要，结果如图， ?

2K20

前端学习(7)~css学习(一)：字体属性和文本属性

本文重要内容 CSS的单位 字体属性 文本属性 定位属性：position、float、overflow等 CSS的单位 html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样...font 字体属性 CSS中，有很多非布局样式（与布局无关），包括：字体、行高、颜色、大小、背景、边框、滚动、换行、装饰性属性（粗体、斜体、下划线）等。 这一段，我们先来讲一下字体属性。...2、字体属性的说明： （1）网页中不是所有字体都能用，因为这个字体要看用户的电脑里面装没装，比如你设置： font-family: "华文彩云"; 上方代码中，如果用户的 Windows 电脑里面没有这个字体.../2.gif) ; /*列表项前设置为图片*/ margin-left:80px; /*公有属性*/ } 另外还有一个简写属性叫做list-style，它的作用是：将上面的多个属性写在一个声明中...text-decoration: none;/*去掉超链的下划线*/ font-size: 20px; color: #BBBBBB;/*设置超链的字体为黑色

1.8K20

CSS样式更改——字体设置Font&边框Border

前言 上篇文章主要讲述了CSS样式更改中的背景Background，这篇文章我们来谈谈字体设置Font&边框Border的基础用法。。...1.字体设置Font 1).字体系列 可用字体： Serif Sans-serif Monospace...更细的字符 也可以使用数字表示，范围为100~900 5).字体大小 smaller 变小 larger 变大 length...border-right-style 右边框样式 border-bottom-style 下边框样式 border-left-style 左边框样式 先定义边框的宽度 风格和颜色，然后定义边框的其它属性...参考文档：W3C官方文档（CSS篇） 二、总结 这篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置，希望让大家对CSS样式更改有个简单的认识和了解。 看完本文有收获？

3K10

【Android Gradle 插件】Gradle 扩展属性 ③ ( 为任意对象设置扩展属性 | 扩展属性定义方式 )

构建脚本 中定义的 扩展属性 , 是为 org.gradle.api.Project 对象定义的扩展属性 ; 二、扩展属性定义方式 ---- 在 build.gradle 构建脚本 中 , 可以为任何对象都可以声明...扩展属性 , 这里以为 android 对象定义扩展属性为例 , 首先介绍下 android 对象 , 下面的 android 配置块就是 android 对象 ; android { compileSdkVersion...{ println android.ext.hello3 } 在 Terminal 面板 中执行 gradlew sayHello 命令 , 输出结果为 : 在配置块外使用 ext 定义扩展属性...为 android 对象定义 扩展属性 , 可以在配置块外使用 android.ext.扩展属性名称 的方式定义 ; // 为 上面的 android 对象声明扩展属性 hello3 android.ext.hello3...println android.ext.hello3 } 在 Terminal 面板 中执行 gradlew sayHello 命令 , 输出结果为 :

77820
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券