| 12345678910111213141516171819202122232425262728293031323334 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- /* 标签选择器 直接使用标签名即可选中 */
- /* 选中所有h1标签 */
- /* h1{
- color: red;
- } */
- /* 类选择器 用类名来选中标签 前面以点.开头 */
- /* .title{
- color:red;
- } */
- /* id选择器 用id值来选中标签 前面以井号#开头 */
- #test{
- color: blue;
- }
- </style>
- </head>
- <body>
- <!-- 用 class属性 给标签起一个类名 -->
- <!-- 用 id属性 给标签起一个唯一标识 id值不允许重复 -->
- <h1 class="title" id="test">识别CSS</h1>
- <h1>选择器</h1>
- <!-- 类名可以用作于任何标签 -->
- <p class="title">这是一个段落</p>
- </body>
- </html>
|
