CSS学习笔记-CSS初步认识

最新推荐文章于 2024-10-11 16:12:52 发布

少写代码少看论文多多睡觉

最新推荐文章于 2024-10-11 16:12:52 发布

阅读量199

点赞数

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

本文链接：https://blog.csdn.net/qq_44653420/article/details/121719308

版权

CSS 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

CSS初步认识

CSS的介绍

CSS ：层叠样式表
用于设置和布局网页的一种计算机语言，告知浏览器如何渲染解析页面元素也就是美化网页配合HTML使用

CSS的组成

选择器：选择HTML元素的方式，可以使用标签名、class属性值、id值等多种方式
样式声明：用于给HTML元素设置具体的样式。格式是属性名：属性值
格式如下：

选择器{
    属性名：属性值；
    属性名：属性值；
    属性名：属性值；

}

h1{

color:red;
font-size:5px;

}

CSS入门案例

新建一个html文件
在body标签中编写一个h1标签内容为：五个亿
在head标签中编写一个style标签
为h1标签设置样式：颜色为红色字体大小100px
通过浏览器打开页面查看效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入门案例</title>

    <style>

        h1{
            color: red;
            font-size:100px;

        }


    </style>


</head>
<body>

<h1>我有五个亿</h1>

</body>
</html>

在这里插入图片描述