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 kongruanp>
         <a  >点击我a>
     div>

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

     div>

body>

html>

  css

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


#divspan span{
    color: coral;
}

效果:

 效果总结;