Web前端开发学习笔记 - Day03

最新推荐文章于 2024-09-20 14:49:00 发布

一只努力学习web前端的菜鱼

最新推荐文章于 2024-09-20 14:49:00 发布

阅读量287

点赞数

分类专栏： Web前端开发学习之路文章标签： css html css3 web

本文链接：https://blog.csdn.net/weixin_45571829/article/details/106865187

版权

这篇博客详细介绍了CSS的引入方式，包括行内样式、内部样式和外部样式，并讲解了CSS字体样式属性如font-size、font-family、font-weight和font-style。此外，还讨论了CSS注释、选择器的使用，特别是四大基本选择器和伪类选择器，以及CSS外观属性，如color、line-height、text-align等。

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

Day03学习笔记

1. CSS引入方式

1.1 行内样式

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>This is title</title>
    </head>
    <body>
        <p style="font-size: 16px; color: red;">大家好</p>
    </body>
</html>

行内样式写在标签的 style 属性值中。

1.2 内部样式

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>This is title</title>
        <style>
            p {
    
                font-size: 16px;
                color: red;
            }
        </style>
    </head>
    <body>