CSS 基本样式大全（一）

最新推荐文章于 2024-07-21 20:52:32 发布

远古前端法师

最新推荐文章于 2024-07-21 20:52:32 发布

阅读量6.3k

点赞数 5

文章标签： css html 前端

本文链接：https://blog.csdn.net/qq_46028517/article/details/125198877

版权

本文介绍了CSS中关于字体和图片的基础样式，包括font-size、font-family、font-style、font-weight、color、text-align、vertical-align、line-height、text-indent、width、height、background-color、background-image、background-position、background-size、background-repeat等，详细讲解了各个属性的作用和使用方法，是前端开发者必备的CSS基础知识。

摘要由CSDN通过智能技术生成

CSS 样式是美化网页元素必不可少的一部分，同时也是前端开发里面十分重要且基础的东西。CSS使用方式有2种，一种是写在单独的 CSS 文件里面，最后引入到 HTML 页面里面，第二种也可以直接通过<style></style>标签写在 HTML 文件里面。由于 CSS 样式及其丰富，今天我们先讲字体和图片的。一些字体和图片基本的 CSS 样式如下所示：

字体：

1.font-size：字体大小；

注意：字体大小单位种类繁多，常见的单位有：px、pc、pt、cm、em、rem等等，但是常用的一般是 px（像素）、cm（厘米）、rem（相对布局单位）这三个，这个 css 样式通常用来为网页中的字体设置大小。

2.font-family：字体类型；

注意：使用它可以改变字体的样式，如我们生活中常见的黑体、宋体、楷体等等。除了可以设置英文字体外，它还可以设置中文字体。例如：font-size："宋体"；（设置中文字体）、font-size：ajax；（设置英文字体时可以不带双引号）。也可以同时设置中英文字体，但要注意前后顺序之分，英文在前，中文在后，中间用英文状态下的逗号区隔开，例如：font-family：ajax，"微软雅黑"；。

3.font-s