7.21 css学习

最新推荐文章于 2022-10-13 19:10:59 发布

KKsuri

最新推荐文章于 2022-10-13 19:10:59 发布

阅读量230

点赞数

分类专栏：学习日记

本文链接：https://blog.csdn.net/KKsuri/article/details/81159593

版权

学习日记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

今日学习

今天学习了css（层叠样式表）

主要作用

元素修饰
布局排版

书写样式

选择器{属性：值}

内联式（最暴力，最直接）
页面级别的样式：定义在头部的<style></style>中
第一种：id
第二种：标签选择器
第三种：类选择器
外部链接

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h1 style="color: pink;font-size: 20px;">我的第一个样式表</h1>
    <h1>css样式表</h1>
    <h1 id="idx">css样式表</h1>
    <h1 class="hc" id="idx" >css样式表</h1>
</body>
</html>
h1 {
    color: green;
    }

#idx {
    color: red;
    font-size: 30px;
    }

.hc {
    color: blue;
    }