33-10000 web入门 HTML5 块元素以及样式浅谈

  

 

  

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>块元素</title>

    <link rel="stylesheet" type="text/css"  href="mycss.css">

    <style type="text/css">
       span{
           color:royalblue;
       }
    </style>
</head>

<body>

    <!-- 块 -->
    <p>大家好</p>
     <h1>大家好</h1>


     <b>这是一个加重标签</b> 
     <a href="">这是一个超链接标签</a>

     <div id="divid">
         <p>hello kongruan</p>
         <a  >点击我</a>
     </div>

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

     </div>

</body>

</html>

  css

  

/* mycss 外部引入使用 */
#divid p{
    color: brown;
}


#divspan span{
    color: coral;
}

效果：

 

 效果总结；

   

 

posted @ 2021-11-19 16:20  优敏行  阅读(45)  评论(0)    收藏  举报