HTML学习第九章---CSS的字体操作

最新推荐文章于 2024-01-14 16:30:57 发布
VIP文章 最新推荐文章于 2024-01-14 16:30:57 发布
阅读量279 收藏 1
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40794404/article/details/117131161
版权

HTML学习第九章—CSS的字体操作

教材：Head First HTML与CSS

字体

font-family指定字体种类，共有五大种：sans-serif，serif，monospace，cursive和fantasy；每种里包含许多不同的字体。
font-size指定字体大小，单位px，代表一个字从顶部到底部有多少个像素。h1标题21px，h2标题17px，段落p14px；
color指定文本颜色
font-weight指定字体的粗细
在这里插入图片描述

text-decoration给文本添加样式，如下划线underline
在这里插入图片描述

指定字体种类

font-family的具体内容：https://my.oschina.net/nancywong/blog/360758

font-family定义的字体列表：

工作原理：

在这里插入图片描述

在这里插入图片描述

指定字体大小

  1. 直接指定字体的像素值
最低0.47元/天 解锁文章
怎么啥都不会
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
零基础学HTML+CSS-f7d6.mobi
05-08
本书主要分为四篇：第一篇为第1～9章，讲解了网页文字、字体、表格、段落、超级链接、图像、表单、框架、多媒体等技术；第二篇为第10～11章，对DIV+CSS的语法和相关属性进行了详细的解释和说明；第三篇为第12~20章，...
HTML与CSS详细介绍
weixin_44454512的博客
11-28 1万+
HTML 与 CSS 1. 主要内容 2. HTML HTML（HyperText Markup Language）就是超⽂本标记语⾔。"超⽂本"就是表示⻚⾯内可以包含⾮⽂字元素，如：图⽚、链接、⾳乐等等。 它是⼀种建⽴⽹⻚⽂件的语⾔，通过标记式的指令（Tag），将影像、声⾳、图⽚、⽂字等链接显示出来。这种标记性语⾔是因特⽹上⽹⻚的主要语⾔。 HTML ⽹⻚⽂件可以使⽤记事本、写字板、HBuilder、Sublime 等编辑⼯具来编写，以 .htm 或 .html 为⽂件后缀名保存。将 HTML ⽹⻚⽂件
【html/css】文本设置大全
云霄IT的博客
02-16 554
css之文本基础设置大全，设置div根据字体数量自动适应调整。
CSS3中的字体和文本样式
布道师小羊的博客
10-29 1643
CSS3文本样式、文字样式、特殊设置、色彩模式、文本阴影、动态生成内容、自定义字体
HTML与CSS——CSS字体样式
weixin_42026547的博客
01-14 2089
介绍css字体控制
CSS字体 ,文本属性
lzh17538073353的博客
07-15 241
本章介绍了css常用文本属性 以及css常用字体属性 和颜色的常用表示方法
疯狂HTML5\CSS3\JavaScript讲义-源代码
03-05
第9章 大小、定位、轮廓相关属性 第10章 盒模型与布局相关属性 第11章 表格、列表相关属性及media query 第12章 变形与动画相关属性 第三部分 第13章 JavaScript语法详解 第14章 DOM编程详解 第15章 事件...
HTML5+CSS3+JavaScript网页设计8.zip
07-22
第9章 CSS3美化表格和表单样式 第10章 CSS3美化图像 第11章 CSS3美化背景与边框 第12章 Java Script概述 第13章 Java Script语言基础 第14章 Java Script内置对象 第15章 Java Script对象编程 第16章 Java ...
HTML--CSS--字体、文本样式
最新发布
weixin_44517278的博客
01-14 1108
诶，这里又出现了可以设定下划线中划线的格式，之前HTML的时候，记得使用 `s`可以定义中划线，`u`定义下划线，这里无疑是另一种方法，书上说优先使用CSS的方法，便于格式管理。[在这里插入图片描述](https://img-blog.csdnimg.cn/direct/9b282c470d224881b493e7e839dfa79b.png)如下，定义 div元素内的字体，默认是宋体，要设定其他字体就用这个属性进行设定，关于各字体，我用VSCode写代码时有补全，就不一一列出了。
css在html中使用的几种方式
m0_59555392的博客
08-10 2541
css应用于html的几种方式介绍
HTML&&CSS设计学习
qq_53763605的博客
11-21 3183
最近在学习HTML&&CSS，顺便分享一下代码 ~~
HTML + CSS 连载 | 07 - CSS 字体属性
JingnanJia的博客
10-15 177
CSS 的某些样式是具有继承特性的，这其中就包括 font-size，子元素和继承父元素的 font-size，如果子元素没有单独设置就是用父元素的 font-size，否则就是用自己设置的 font-size。也可以使用百分比的形式，百分比是基于父元素的 font-size 计算，比如 50% 就等于父元素 font-size 的一半。属性用于设置文字的字体，可以设置一个或者多个字体，浏览器会在多个字体中选择第一个在该计算机上安装的字体，也可以通过。行高的存在有利于用户的阅读，尤其是大段的文字内容。
js代码实现流星雨
weixin_34318272的博客
02-08 2273
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>一起来看流星雨</title> <script> var context; var arr = new Array(); var star...
html好看的字体
热门推荐
xcLeigh
07-22 1万+
font-family 规定元素的字体系列。 font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。 有两种类型的字体系列名称： 指定的系列名称：具体字体的名称，比如：“times”、“courier”、“arial”。 通常字体系列名称：比如：“serif”、“sans-serif”、“cursive”、“fantas
html如何让文字变斜体,CSS中如何让文字变成斜体
weixin_42526068的博客
06-03 4443
我们在日常中经常会让文字倾斜，但是有很多小伙伴们不知道CSS中如何让文字变成斜体，那么我们现在就去看看CSS中让文字变成斜体的方法，希望对你有所帮助。Font-style：在CSS中用Font-style属性实现把文字设为斜体的。Font-style属性值：normal：正常的字体italic：斜体。对于没有斜体变量的特殊字体，将应用obliqueoblique：倾斜的字体Italic和obliq...
html css 文本 字体属性详解
weixin_52723107的博客
07-25 857
基础：html css 文本字体属性详解
前端-HTML-CSS字体设置-宋体、黑体、幼圆、隶书
qq_50851938的博客
11-06 1万+
字体设置、宋体、黑体、幼圆、隶书
帮我出十道和CSS3和浮动、定位、弹性布局、nth-child、css选择器、css定义、css引入方式的高难度判断题
09-18
好的，以下是十道高难度的CSS3和布局相关的判断题： 1. CSS3中的box-shadow属性可以用来添加阴影效果，但是无法控制阴影的大小和位置。 （错误，box-shadow属性可以通过设置参数来控制阴影的大小和位置） 2. 使用浮动布局时，可以通过设置clear属性来清除浮动。 （正确，clear属性可以用来清除前面元素的浮动） 3. 弹性布局中，flex-grow属性可以用来控制项目的伸展比例。 （正确，flex-grow属性可以用来设置项目的伸展比例） 4. nth-child选择器可以用来选中某一元素的第n个子元素。 （正确，nth-child选择器可以用来选中指定位置的子元素） 5. 在CSS定义中，!important可以用来强制覆盖其他样式的定义。 （正确，!important可以用来强制覆盖其他样式的定义） 6. 在CSS选择器中，通配符（*）可以匹配任何元素。 （正确，通配符可以匹配任何元素） 7. 使用绝对定位时，可以通过设置top、right、bottom、left属性来控制元素的位置。 （正确，top、right、bottom、left属性可以用来控制绝对定位元素的位置） 8. 在CSS定义中，字体属性必须放在最前面。 （错误，字体属性可以放在定义的任何位置） 9. 使用弹性布局时，可以通过设置align-items属性来控制项目在交叉轴上的对齐方式。 （正确，align-items属性可以用来控制项目在交叉轴上的对齐方式） 10. 在CSS引入方式中，@import可以用来引入外部CSS文件。 （正确，@import可以用来引入外部CSS文件）

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值