sbc11

day2

标题的排版
1.css引入方式

  • 行内样式：

  • 内嵌样式：
    eg:
点击查看代码 
<html>
  <head>
    <title>新闻</title>
    <style>
      h1{
        color: brown;
      }
    </style>
  </head>
  <body>
  <img src="55a5bd46d103204cbde397e6ae795044.jpg" width="160" height="90">
  <h1>新闻</h1>
  <hr>
  2023年4月24日
  <hr>
  </body>
</html>
* 内联样式：xxx.css 2.颜色表示 * 关键字：red green * rgb表示法：rgb（255，0，0） * 十六进制：#ff0000 3.颜色属性 * color：设置文本内容颜色

1.标签：一行可以显示多个，高度和宽度默认有内容撑开
2.css选择器
元素选择器：标签名{...}
id选择器：#id属性值{...}
类选择器：.class属性值{...}
优先级：id选择器》类选择器》元素选择器
3.css属性
color：设置文本颜色
font-size：设置字体大小（加px）

点击查看代码 
<html>
  <head>
    <title>新闻</title>
    <style>
      h1{
        color: brown;
      }
      .cls{
        color: aquamarine;
      }
      #wz{
        font-size: 20px;
        color: blue;
      }
    </style>
  </head>
  <body>
  <img src="55a5bd46d103204cbde397e6ae795044.jpg" width="160" height="90">
  <h1>新闻</h1>
  <hr>
  <span class="cls">2025年1月18日</span> <span id="wz">新闻网</span>
  <hr>
  </body>
</html>

点击查看代码 
<html>
  <head>
    <title>新闻</title>
    <style>
      h1{
        color: brown;
      }
      .cls{
        color: aquamarine;
      }
      a{
        color: blue;
        text-decoration: none;
      }
    </style>
  </head>
  <body>
  <img src="55a5bd46d103204cbde397e6ae795044.jpg" width="160" height="90">
  <img src="img/new_logo.png"><a href="http://gov.sina.com.cn/" target="_self">新浪政务</a>>正文
  <h1>新闻</h1>
  <hr>
  <span class="cls">2025年1月18日</span> <span><a href="http://gov.sina.com.cn/" target="_blank" >新闻</a></span>
  <hr>
  </body>
</html>

posted on 2025-01-18 17:06  沈八才11  阅读(4)  评论(0)    收藏  举报

导航