css基础选择器

2021-01-31 00:13

阅读:672

标签:htm   艺术   产生   style   生活   div   爱情   charset   微软   

一、基础选择器

1.id选择器

2.class选择器

3.元素选择器

 

id选择器

DOCTYPE html>
html>
    head>
        meta charset="UTF-8">
        title>id选择器title>
        style>
            #text{
                font: "微软雅黑";
                color: red;                
            }
        style>
    head>
    body>
        h1 id="text">长恨歌 h1>
        h3 id="text">作者:白居易h3>
        p id="text">
        《长恨歌》是唐代诗人白居易的一首长篇叙事诗。全诗形象地叙述了唐玄宗与杨贵妃的爱情悲剧。诗人借历史人物和传说,创造了一个回旋宛转的动人故事,并通过塑造的艺术形象,再现了现实生活的真实,感染了千百年来的读者,诗的主题是“长恨”。该诗对后世诸多文学作品产生了深远的影响。
        p>
    body>
html>

 

DOCTYPE html>
html>
    head>
        meta charset="UTF-8">
        title>class选择器title>
        style>
            .red-text{
                font: "微软雅黑";
                color: red;                
            }
        style>
    head>
    body>
        h1 class="red-text">长恨歌 h1>
        h3 class="red-text">作者:白居易h3>
        p class="red-text">
        《长恨歌》是唐代诗人白居易的一首长篇叙事诗。全诗形象地叙述了唐玄宗与杨贵妃的爱情悲剧。诗人借历史人物和传说,创造了一个回旋宛转的动人故事,并通过塑造的艺术形象,再现了现实生活的真实,感染了千百年来的读者,诗的主题是“长恨”。该诗对后世诸多文学作品产生了深远的影响。
        p>
    body>
html>
DOCTYPE html>
html>
    head>
        meta charset="UTF-8">
        title>元素选择器title>
        style>
            h1{color: blue;}
            p{
                font: "微软雅黑";
                color: red;                
            }
        style>
    head>
    body>
        h1>长恨歌 h1>
        h3>作者:白居易h3>
        p>
        《长恨歌》是唐代诗人白居易的一首长篇叙事诗。全诗形象地叙述了唐玄宗与杨贵妃的爱情悲剧。诗人借历史人物和传说,创造了一个回旋宛转的动人故事,并通过塑造的艺术形象,再现了现实生活的真实,感染了千百年来的读者,诗的主题是“长恨”。该诗对后世诸多文学作品产生了深远的影响。
        p>
    body>
html>

 

长恨歌

作者:白居易

《长恨歌》是唐代诗人白居易的一首长篇叙事诗。全诗形象地叙述了唐玄宗与杨贵妃的爱情悲剧。诗人借历史人物和传说,创造了一个回旋宛转的动人故事,并通过塑造的艺术形象,再现了现实生活的真实,感染了千百年来的读者,诗的主题是“长恨”。该诗对后世诸多文学作品产生了深远的影响。

css基础选择器

标签:htm   艺术   产生   style   生活   div   爱情   charset   微软   

原文地址:https://www.cnblogs.com/meilishi/p/13193495.html


评论


亲,登录后才可以留言!