共计 1084 个字符，预计需要花费 3 分钟才能阅读完成。
CSS 款式更改——字体设置 Font& 边框 Border
随着互联网技术的一直倒退，网页设计曾经成为了一项十分重要的工作。在网页设计中，字体设置和边框 Border 是两个十分常见的 CSS 款式，能够通过这两个款式对网页的外观进行设置。上面，咱们就来探讨一下字体设置 Font 和边框 Border 这两个 CSS 款式。
1. 字体设置
CSS 款式中的字体设置能够用于设置网页中文本的字体、大小、色彩等属性。在网页设计中，字体的抉择十分重要，因为不同的字体会影响到网页的整体格调和用户的浏览体验。
在设置字体时，咱们能够应用以下几种形式：
1.1 应用内联款式
内联款式是一种间接在 HTML 标签中应用的款式，能够通过批改字体属性来设置网页中文本的字体。在应用内联款式时，须要在 CSS 文件中将相应的款式属性定义为”font”，并在须要应用该字体的元素上设置相应的属性值。
例如，咱们能够在 HTML 文件中定义一个”h1”元素，并在 CSS 文件中设置它的款式：
<style>
h1 {
font-size: 36px;
font-family: Arial, sans-serif;
}
</style>
<h1> 这是一个题目 </h1>在下面的代码中，咱们定义了一个”h1”元素，并应用了内联款式来设置它的字体。在这个例子中，咱们将字体大小设置为 36px，字体族设置为 Arial，并应用了”sans-serif”来指定字体族为无衬线字体。
1.2 应用媒体查问
媒体查问是一种通过检测特定媒体查问并更改相应元素款式的办法。在应用媒体查问时，能够应用以下几种形式：
1.2.1 应用预约义的媒体查问
预约义的媒体查问是一种将媒体查问和特定媒体查问关联起来的办法。在应用预约义的媒体查问时，能够应用以下几种形式：
@media only screen and (max-width: 768px) {
body {font-size: 16px;}
}在下面的代码中，咱们应用了预约义的媒体查问来更改网页中 body 元素的字体大小。在这个例子中，咱们将字体大小设置为 16px。
1.2.2 应用自定义的媒体查问
自定义的媒体查问是一种定义了媒体查问，但将特定的查问作为代替媒体查问的办法。在应用自定义的媒体查问时，能够应用以下几种形式：
/* 将特定的查问作为代替媒体查问 */
@media only screen and (max-width: 768px) {
p {font-size: 14px;}
}
/* 设置 p 元素的款式 */
<p style="font-size: 14px;"> 这是一个段落 </p>在下面的代码中，咱们应用了自定义的媒体查问来更改网页中 p 元素的字体大小。
本文由 mdnice 多平台公布