内联方式:样式定义在单个的HTML元素中
内部样式表:样式定义在HTML页的头元素中
外部样式表:将样式定义在一个外部的CSS文件中(.css)由HTML页面引用样式表文件
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>css样式演示</title>
- <!-- 2.内部样式:在head元素里style标签里写样式,此样式可以被当前页面上众多元素复用 -->
- <style type="text/css">
- /*css的注释*/
- h2{color:red;}
- </style>
- <!-- 3.外部样式:在单独的css文件中写的样式,哪个网页引用该文件,这个网页就能复用这些样式 -->
- <link rel="stylesheet" href="my.css">
- </head>
- <body>
- <!-- 1.内联样式:在元素的style属性内直接写样式,此样式 无法复用 -->
- <h1 style="color: #00bcd4;">CSS</h1>
- <h2>CSS有三种样式</h2>
- <p>1.内联样式</p>
- <p>2.内部样式</p>
- <p>3.外部样式</p>
- </body>
- </html>
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j58732.shtml