前端学习打卡Day6

最新推荐文章于 2024-08-14 20:13:10 发布

Caramel Macchiato*

最新推荐文章于 2024-08-14 20:13:10 发布

阅读量81

点赞数

文章标签：前端学习 css Powered by 金山文档

本文链接：https://blog.csdn.net/m0_74363523/article/details/128706633

版权

CSS（层叠样式表）用于网页美化，与HTML结构分离，实现内容与样式的解耦。其主要包括基础选择器如标签选择器，字体和文本属性设置，以及通过内联、内部和外部样式表的三种引入方式。CSS规则由选择器和声明组成，遵循特定的语法规范，如键值对和空格要求。开发者可以使用Chrome调试工具来调试和调整样式。

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

CSS层叠样式表

目标

能够说出什么是CSS

能够使用CSS基础选择器

能够设置字体样式

能够设置文本样式

能够说出CSS的三种引入方式

能够使用Chrome调试工具调试样式

CSS简介

CSS的主要使用场景就是美化网页，布局页面。

HTML的局限性

HTML只关注内容的语义。比如说<h1>表示这里有个标题，<p>表示这是一个段落，<img>表示这里有一个图片，<a>表示这里有一条链接。

CSS-网页的美容师

CSS是层叠样式表（Cascading Style Sheets）的简称，也成为CSS样式表或级联样式表。

CSS最大价值：由HTML专注去做结构呈现，CSS来做样式，即结构（HTML）与样式（CSS）分离。

CSS语法规范

CSS规则由两个主要的部分构成：选择器以及一条或多条声明。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p {
            color: aquamarine;
        }
    </style>
</head>

<body>
    <p>有点意思</p>
</body>

</html>