CSS 简介

2023-12-18 06:01:06

什么是 CSS？

CSS 是层叠样式表（Cascading Style Sheets）的缩写，是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言。

CSS 的主要作用是：

  • 控制网页的样式，如字体、颜色、背景、布局等
  • 提高网页的开发效率

CSS 的语法

CSS 的语法非常简单，主要由选择器和属性组成。

选择器用于指定要应用样式的元素。常用的选择器有：

  • 标签选择器：用于指定具有相同标签名的元素，如 h1 { color: red; }
  • 类选择器：用于指定具有相同类名的元素，如 .my-class { color: blue; }
  • 标签 ID 选择器：用于指定具有相同 ID 的元素，如 #my-id { color: green; }

属性用于指定元素的样式。常用的属性有：

  • color：用于指定元素的颜色
  • font-size：用于指定元素的字体大小
  • font-family：用于指定元素的字体族
  • background-color：用于指定元素的背景颜色

CSS 的常用属性

CSS 的属性非常多，这里我们只介绍一些常用的属性：

  • 字体属性
    • color：用于指定元素的颜色
    • font-size：用于指定元素的字体大小
    • font-family：用于指定元素的字体族
    • font-style：用于指定元素的字体样式，如粗体、斜体等
    • font-weight：用于指定元素的字体粗细
  • 背景属性
    • background-color：用于指定元素的背景颜色
    • background-image：用于指定元素的背景图像
    • background-repeat：用于指定背景图像的重复方式
    • background-position：用于指定背景图像的位置
  • 布局属性
    • width：用于指定元素的宽度
    • height：用于指定元素的高度
    • margin：用于指定元素的外边距
    • padding：用于指定元素的内边距
    • float：用于指定元素的浮动方式
    • display：用于指定元素的显示方式

实例演示

我们来看看一个简单的 CSS 实例：

<!DOCTYPE html>

文章来源:https://blog.csdn.net/weixin_36829761/article/details/135052443
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。