HTML学习笔记(二)样式

HTML样式:

有三种方式来插入样式表:

1)外部样式表当样式需要被应用到很多页面的时候,可以使用外部样式表。使用外部样式表,可以通过更改一个文件来改变整个站点的外观。


2)内部样式表当单个文件需要特别样式时,可以使用内部样式表。可以在 head 部分通过 <style> 标签定义内部样式表。

          eg:

              <head>
                       <style type="text/css">
                           h1{color:red}
                           h2{color:green}
                             p{color:blue}
                       </style>
              </head>                          h1标题字体为红色,h2标题字体为绿色,段落的字体为蓝色

3)内联样式当特殊的样式需要应用到个别元素时,可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。

          eg:

           <p style="color:red;margin:18px">

           我是段落

           </p>                                   显示一个外边距为18,字体颜色为红色的段落


样式小例:

<html>

         <head>

                  <style type="text/css">

                   h1{color:red}

                   h2{color:green}

                     p{color:blue}

                  </style>

         </head>

         <body>

                     <h1>我是标题一</h1>

                     <h2>我是标题二</h2>

                     <p>我是段落</p>

         </body>

</html>


你可能感兴趣的:(html)