14.HTML5块元素标签的使用

image.png
  • 效果


    image.png
  • 14.HTML5块元素标签的使用.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>14.HTML5块元素标签的使用</title>
        <link rel="stylesheet" type="text/css" href="mycss.css">
        <style type="text/css">
            span{
                color: #e58dff;
            }
        </style>
    </head>
    <body>
        <!--块-->
        <p>GOOD</p>
        <h1>good</h1>
        <b>这是一个加重标签</b>
        <a href="">这是一个超链接标签</a>

        <div id="divid">
            <p>Hello good</p>
            <a href="">点我</a>
        </div>

        <div id="divspqn">
            <p><span>这是一个测试效果</span>span是一个什么样子</p>
        </div>

    </body>
</html>
  • mycss.css
#divid p{
    color: aqua;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,749评论 1 45
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,343评论 2 66
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,814评论 1 92
  • 一个小孩,看一群蚂蚁争抢自己掉下的一粒米饭。他着迷了,它们为自己一个不经意而兴师动众。这激发了他不知所为的好奇心—...
    钟林月晓阅读 354评论 0 2
  • 1、中午看着wx在做工作笔记,随后跟他交流起做手账。聊到这个话题大家感觉情绪都突然高涨起来,这是非常有共鸣的。共鸣...
    Woody是多么的寂寞阅读 125评论 0 0