基本选择器和文本属性 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本选择器和文本属性</title>
    <style type="text/css">
        /*元素选择器*/
        h2{
            text-align: center;
            font-size: 30px;
            color: #666;
            letter-spacing: 10px;
        }


        /*类选择器*/
        /*所有的 p 元素使用 class="author" */
        p.author{
            text-align: center;
            color: yellow;
        }
        

        /*后代选择器：继承自h2*/
        /*后代选择器：继承自p*/
        /*组合选择器*/
        h2 span,.author span{color: red;}
        
        /*单元格行高*/
        td{
            line-height: 40px;
            font-size: 14px;
        }

        /*元素选择器*/
        span{
            color: pink;
        }


        /*类选择器*/
        .phone{
            font-size: 14px;
            font-style: italic;
            color: #666;
        }
        

        /*后代选择器：继承自td*/
        .phone span{
            color: #076BBC;
        }

    </style>
</head>
<body>
<h2>现代诗<span>《再别康桥》</span>介绍</h2>
<p class="author">创作时间：<span>1928年11月06日</span>&nbsp;&nbsp;</p>
<!-- hspace指定图像左右两侧的空白，以像素为单位 -->
<img src="http://www.51wendang.com/pic/0e64ae743147d30a7315f7e8/2-810-jpg_6-1080-0-0-1080.jpg" align="left" hspace="45" align="left" width="600" height="300" />
<table>
    <tr>
        <td>《再别康桥》 是现代诗人徐志摩脍炙人口的诗篇。<span>是新月派诗歌的代表作品。</span></td>
    </tr>
    <tr>
        <td>&nbsp;全诗以离别康桥时感情起伏为线索，<span>抒发对康桥依依惜别的深情。</span></td>
    </tr>
    <tr>
        <td>&nbsp;语言轻盈柔和，形式精巧圆熟。</td>
    </tr>
    <tr>
        <td>&nbsp;诗人用<span>虚实相间的手法</span>，描绘了一幅幅流动的画面。</td>
    </tr>
    <tr>
        <td>&nbsp;构成了一处处美妙的意境，细致入微地将诗人对康桥的爱恋。</td>
    </tr>
    <tr>
        <td>&nbsp;对往昔生活的憧憬，对眼前的无可奈何的离愁，表现得<span>真挚、浓郁、隽永。</span></td>
    </tr>
    <tr>
        <td>&nbsp;此诗是徐志摩诗作中的绝唱，后被后人编成同名歌曲翻唱。</td>
    </tr>
    <tr class="phone">
        <td>原文链接：<span>http://baike.so.com/doc/5348783-7367343.html</span></td>
    </tr>
</table>
</body>
</html>

 

 

posted @ 2020-04-08 12:31  sjslove  阅读(266)  评论(0)  编辑  收藏  举报