标题 在诗歌网页中,编写CSS代码,你能说出有哪几个规则?

html-css022

标题 在诗歌网页中,编写CSS代码,你能说出有哪几个规则?,第1张

用CSS布局

用高度凝练的语言，形象表达作者丰富情感，集中反映社会生活并具有一定节奏和韵律的文学体裁。

诗歌是一种抒情言志的文学体裁。《毛诗-大序》记载：“诗者，志之所之也。在心为志，发言为诗”。南宋严羽《沧浪诗话》云：“诗者，吟咏性情也”。只有一种用言语表达的艺术就是诗歌。

内容基于html标签结构。

h5标签：

诗标题用h1，分割线hr，文字p，斜体i，下划线u，删除线del。

特殊符号：

版权标识 &copy。

排版用css实现（行内样式很麻烦而且难改，不建议）。

css属性：文字位置（中左右）text-align，宽度width（用了占屏幕百分比），高度height（用了具体像素px值），颜色color，背景background（直接给分割线设置了背景灰色免得变矩形）。

css选择器：前面没有符号的是标签，有.是class，有#是id。

进一步内容可以查询有关概念或改动编码看其变化。

<!DOCTYPE html>

<html>

    <head>

        <title>山居秋暝</title>

        <style type="text/css">

            h1 {text-align:centercolor:red}

            hr {width:50%height:3pxtext-align:centerbackground:grey}

            footer {text-align:center}

            .bluepoem {color:blue}

            #author {text-align:right}

        </style>

</head>

    <body>

        <header>

            <h1>山居秋暝</h1>

            <hr />

            <p id="author"><i>唐 王维</i></p>

        </header>

      <div>

            <p class="bluepoem">空山新雨后，天气晚来秋。</p>

            <br />

            <p><u>明月松间照，清泉石上流。</u></p>

            <br />

            <p class="bluepoem">竹喧归浣女，莲动下渔舟。</p>

            <br />

            <p><del>随意春芳歇，王孙自可留。</del></p>

      </div>

        <footer>

            &copy版权所有 <网页设计与制作>

        </footer>

    </body>

</html>