CSS学习笔记之ID选择器

最新推荐文章于 2025-08-11 22:55:11 发布

原创最新推荐文章于 2025-08-11 22:55:11 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

本文通过实例演示了如何使用HTML创建基本网页，并利用CSS中的id选择器为特定元素添加独特的样式，包括背景颜色和字体大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <!-- id选择器：给要设置样式的元素的id属性赋值，就可以在style标签中通过id
    操作到具体的某个元素了。id一般是唯一的，不能有重复的值。-->
    <style type="text/css">
        #p1
        {
            background-color:Green;
            font-size:xx-large;        
        }
        #tt1
        {
            background-color:Blue;
            font-size:large;    
        }
    </style>
</head>
<body>    
    <p id="p1">今天天气好晴朗，出处好风光</p>
    <p id="p1">今天天气好晴朗，出处好风光</p>
    <tt id="tt1">今天天气好晴朗，出处好风光</tt><br/>
    <tt id="tt1">今天天气好晴朗，出处好风光</tt><br/>
</body>
</html>

页面效果：