CSS介绍

原创于 2022-05-24 19:21:36 发布 · 247 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #html

CSS 专栏收录该内容

8 篇文章

订阅专栏

CSS（层叠样式表）是一种用于控制网页样式的语言，常用于美化网页，如字体、颜色、布局等。从CSS1.0到CSS3.0，它增加了更多功能，如圆角和阴影。通过将样式代码写在HTML的<head>或外部CSS文件中，实现内容与表现的分离，有利于SEO和代码复用。快速入门CSS包括在HTML中内联样式或链接外部样式表。

一、什么是CSS

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

二、常见应用

CSS：表现（美化网页）：字体、颜色、高度、宽度、背景图片、网页定位、网页浮动…

三、发展史

CSS 1.0
CSS 2.0 DIV(块) + CSS , HTML 与CSS结构分离的思想，网页变得简单，SEO；
CSS 3.0 圆角，阴影，动画… 浏览器兼容性-

四、快速入门

在head标签中设置CSS样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!-- 规范,<style>可以编写CSS代码，每一个声明最好使用分号结尾
语法：
    选择器{
        声明1；
        声明2；
        声明3；
    }
-->
    <style>
        h1{
            color: red;
        }
    </style>
</head>
<body>
<h1>你好，马西莫</h1>
</body>
</html>