CSS字体属性与样式设置详解

需积分: 0 162 浏览量更新于2024-08-18 收藏 105KB PPT 举报

本文档介绍了CSS字体属性以及CSS与DIV的基本概念和应用，重点讲述了CSS的三种样式定义方式：内嵌样式、内部样式表和外部样式表。在CSS中，字体属性是用于控制文本外观的关键元素，主要包括以下几个方面： 1. `font-family`：这个属性用于指定文本的字体类型。例如，你可以设置它为"Arial"，"宋体"等，以改变文本的字体。如果用户计算机上未安装指定的字体，浏览器会尝试找到最接近的替代字体。 2. `font-size`：用于设定字体的大小，可以使用pt（点）或px（像素）等单位。例如，`font-size: 16px` 将设置字体大小为16像素。 3. `font-style`：此属性用于设定字体风格，常见的选项有`normal`（正常）、`italic`（斜体）和`oblique`（倾斜）。`font-style: italic` 将使文本显示为斜体。 4. `font-weight`：用于设定字体的粗细，通常设置为`normal`（正常）或`bold`（加粗）。`font-weight: bold` 会使文本变为粗体。 5. `font`：这是一个简写属性，可以一次性设置上述多个字体属性，如`font: bold 16px Arial, sans-serif`，表示粗体、16px大小、Arial字体，如果Arial不可用则使用无衬线字体。接下来，文档简要介绍了CSS的分类： 1. **内嵌样式**：直接在HTML元素内部使用`style`属性定义样式，只对该元素有效。例如，`<p style="font-size:16px;color:red">`。 2. **内部样式表**：放在HTML文档的`<head>`部分，使用`<style>`标签定义，可以影响整个页面的多个元素。例如，通过类选择器`p.mystyle1`和`p.mystyle2`来分别设置不同的段落样式。 3. **外部样式表**：存储在单独的`.css`文件中，可以被多个HTML页面引用，提高代码复用和维护性。HTML页面通过`<link>`标签引用外部样式表。最后，文档提到了`DIV`元素，它是HTML中的一个块级元素，常用于页面布局。`DIV`可以结合CSS来创建复杂的页面结构和样式，区分块级元素（如`div`、`h1`等）和行内元素（如`span`、`a`等），并通过CSS控制它们的显示效果，实现灵活的页面布局。总结来说，本资源提供了关于CSS字体属性和CSS样式定义方法的基础知识，以及`DIV`在页面布局中的作用，对于初学者理解CSS的使用和Web页面设计有很好的指导价值。

杜浩明

粉丝: 13
资源: 2万+

CSS字体属性与样式设置详解

前端开源库-css-find-assets

前端开源库-css-font-face-src

HTML---CSS----基础知识及代码----各种小程序网页设计

postcss-px-to-viewport 配置vant

uniapp 使用 postcss-px-to-viewport

html css所有属性

你能就css大致列出思维导图吗

ct-css-vars.scss是什么文件

基于html和css技术的旅游网站开发实现详细步骤

z01867web前端开发技术 html、css、javascript

最新资源