CSS的位置分类-内部,内联和外部样式

CSS的位置分类

内部样式表(行内样式表)

样式写到标签内部,可以控制当前标签的样式,特殊情况使用

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内联样式表</title>
<style>
p {
 color:red;
 font-size:20px;
}
</style>
</head>

<body>
    <p style="color:red; font-size:20px;">
        清晨,当第一缕阳光透过窗帘洒进房间,一首轻柔的钢琴曲伴着咖啡的香气缓缓流淌,唤醒的不只是身体,更是对新一天的期待;通勤路上,戴上耳机,熟悉的旋律瞬间将喧嚣隔绝,把拥挤的地铁变成专属的私人音乐会;夜晚独处时,一首老歌或许会勾起尘封的记忆,让人在回忆与现实中温柔地和解。音乐从不挑剔听众的身份、年龄或境遇。它可以是摇滚的呐喊,也可以是民谣的低语;可以是古典的庄严,也可以是电子的律动。每一种风格,都是生活不同侧面的回响。当我们沉浸其中,其实是在用另一种方式感受世界的温度,理解自己的情绪。
        更重要的是,音乐教会我们倾听——不仅是听旋律,更是听内心的声音。在音符的起伏中,我们学会接纳悲伤,也懂得珍惜喜悦;在节奏的律动里,我们找到前行的力量,也获得停歇的勇气。所以,不妨每天给自己留一点“音乐时间”。哪怕只有五分钟,关掉通知,放下手机,让耳朵和心灵一起自由呼吸。你会发现,生活本就充满韵律:锅碗瓢盆的叮当是家的交响,雨滴敲窗是自然的节拍,而你的心跳,是最原始也最动人的鼓点。
        爱音乐,不是逃避现实,而是以更温柔的方式拥抱生活。</p>
</body>

</html>

内部样式表:写到<head>标签中,脱离结构,可以控制当前页面的所有标签,较为常用

CSS的内联样式:

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内联样式表</title>
</head>

<body>
    <p style="color:red; font-size:20px;">
        清晨,当第一缕阳光透过窗帘洒进房间,一首轻柔的钢琴曲伴着咖啡的香气缓缓流淌,唤醒的不只是身体,更是对新一天的期待;通勤路上,戴上耳机,熟悉的旋律瞬间将喧嚣隔绝,把拥挤的地铁变成专属的私人音乐会;夜晚独处时,一首老歌或许会勾起尘封的记忆,让人在回忆与现实中温柔地和解。音乐从不挑剔听众的身份、年龄或境遇。它可以是摇滚的呐喊,也可以是民谣的低语;可以是古典的庄严,也可以是电子的律动。每一种风格,都是生活不同侧面的回响。当我们沉浸其中,其实是在用另一种方式感受世界的温度,理解自己的情绪。
        更重要的是,音乐教会我们倾听——不仅是听旋律,更是听内心的声音。在音符的起伏中,我们学会接纳悲伤,也懂得珍惜喜悦;在节奏的律动里,我们找到前行的力量,也获得停歇的勇气。所以,不妨每天给自己留一点“音乐时间”。哪怕只有五分钟,关掉通知,放下手机,让耳朵和心灵一起自由呼吸。你会发现,生活本就充满韵律:锅碗瓢盆的叮当是家的交响,雨滴敲窗是自然的节拍,而你的心跳,是最原始也最动人的鼓点。
        爱音乐,不是逃避现实,而是以更温柔的方式拥抱生活。</p>
</body>

</html>

CSS的外部样式:

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>外部样式表</title>
    <link rel="stylesheet" href="my.css">
</head>

<body>
    <p>
        清晨,当第一缕阳光透过窗帘洒进房间,一首轻柔的钢琴曲伴着咖啡的香气缓缓流淌,唤醒的不只是身体,更是对新一天的期待;通勤路上,戴上耳机,熟悉的旋律瞬间将喧嚣隔绝,把拥挤的地铁变成专属的私人音乐会;夜晚独处时,一首老歌或许会勾起尘封的记忆,让人在回忆与现实中温柔地和解。
        音乐从不挑剔听众的身份、年龄或境遇。它可以是摇滚的呐喊,也可以是民谣的低语;可以是古典的庄严,也可以是电子的律动。每一种风格,都是生活不同侧面的回响。当我们沉浸其中,其实是在用另一种方式感受世界的温度,理解自己的情绪。
        更重要的是,音乐教会我们倾听——不仅是听旋律,更是听内心的声音。在音符的起伏中,我们学会接纳悲伤,也懂得珍惜喜悦;在节奏的律动里,我们找到前行的力量,也获得停歇的勇气。
        所以,不妨每天给自己留一点“音乐时间”。哪怕只有五分钟,关掉通知,放下手机,让耳朵和心灵一起自由呼吸。你会发现,生活本就充满韵律:锅碗瓢盆的叮当是家的交响,雨滴敲窗是自然的节拍,而你的心跳,是最原始也最动人的鼓点。
        爱音乐,不是逃避现实,而是以更温柔的方式拥抱生活。</p>

    <div>        
        清晨,当第一缕阳光透过窗帘洒进房间,一首轻柔的钢琴曲伴着咖啡的香气缓缓流淌,唤醒的不只是身体,更是对新一天的期待;通勤路上,戴上耳机,熟悉的旋律瞬间将喧嚣隔绝,把拥挤的地铁变成专属的私人音乐会;夜晚独处时,一首老歌或许会勾起尘封的记忆,让人在回忆与现实中温柔地和解。
        音乐从不挑剔听众的身份、年龄或境遇。它可以是摇滚的呐喊,也可以是民谣的低语;可以是古典的庄严,也可以是电子的律动。每一种风格,都是生活不同侧面的回响。当我们沉浸其中,其实是在用另一种方式感受世界的温度,理解自己的情绪。
        更重要的是,音乐教会我们倾听——不仅是听旋律,更是听内心的声音。在音符的起伏中,我们学会接纳悲伤,也懂得珍惜喜悦;在节奏的律动里,我们找到前行的力量,也获得停歇的勇气。
        所以,不妨每天给自己留一点“音乐时间”。哪怕只有五分钟,关掉通知,放下手机,让耳朵和心灵一起自由呼吸。你会发现,生活本就充满韵律:锅碗瓢盆的叮当是家的交响,雨滴敲窗是自然的节拍,而你的心跳,是最原始也最动人的鼓点。
        爱音乐,不是逃避现实,而是以更温柔的方式拥抱生活。
    </div>

</body>

</html>

 

上一篇 Linux 系统命令大全
下一篇 CSS的选择器