CSS01：CSS的简单介绍

最新推荐文章于 2024-07-25 10:45:42 发布

一个优雅的搬砖人

最新推荐文章于 2024-07-25 10:45:42 发布

阅读量529

点赞数 2

分类专栏： # CSS 文章标签： css javascript 前端

本文链接：https://blog.csdn.net/weixin_48306950/article/details/122863313

版权

CSS 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

前端三剑客：HTML + CSS + JavaScript

结构样式行为

什么是CSS

CSS：Cascading Style Sheet （层叠级联样式表），主要是美化网页，可以美化的元素有字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动等等。

CSS 发展史

CSS 1.0：美化基本样式，HTML 的属性也可以实现的美化

CSS 2.0：DIV(块) + CSS，HTML 与 CSS 结构分离的思想，网页变得简单，SEO(搜索引擎优化)

CSS 2.1：浮动，定位

CSS 3.0：圆角，阴影，动画……，需要考虑浏览器兼容性

快速入门

目标：将标题变色

1、通过 <style> 标签在 html 文件里直接定义

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--规范，<style> 可以编写css的代码，每一个声明最好使用分号结尾
        语法：
            选择器 {
                声明1;
                声明2;
                声明3;
            }
    -->
    <style>
        h1 {
            color: aqua;
        }
    </style>
</head>
<body>
<h1>我是标题</h1>
</body>
</html>

2、HTML 和 CSS 分离（优化）

创建一个 css 文件用于声明样式，在 html 文件中引入 css 文件中的声明

外部引用的语句：<link rel="stylesheet" href="css文件的路径">

两个都可以达到目标：

CSS 优势

内容和表现分离
网页结构表现统一，可以实现复用
样式十分丰富
建议使用独立于 html 的 css 文件
利于 SEO，容易被搜索引擎收录

一个优雅的搬砖人

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS01：CSS的简单介绍

前端三剑客：HTML + CSS + JavaScript结构样式行为什么是CSSCSS：Cascading Style Sheet （层叠级联样式表），主要是美化网页，可以美化的元素有字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动等等。CSS 发展史CSS 1.0：美化基本样式，HTML 的属性也可以实现的美化CSS 2.0：DIV(块) + CSS，HTML 与 CSS 结构分离的思想，网页变得简单，SEO(搜索引擎优化)CSS 2.1：浮动，定位
复制链接

扫一扫

专栏目录