魔术桌
  • 更新日志
  • 新闻资讯
  • 数据资产
  • 网站导航
  • 订阅推荐
  • 商品推广
  • 日记
  • 摘录
  • 论文
  • 方案
  • 技术
  • 风格
  • 视觉
  • 原材料
  • 加工工艺
  • 元器件
  • 产品设备
  • 设计模式
  • 数据结构
  • 算法设计
  • 软件架构
  • 程序语言
  • 代码类库
  • 操作系统
  • 软件包
  • 健康
  • 环境
  • 社会
  • 道德
  • 法律
  • 经济
  • 政策
  • 更新日志
  • 新闻资讯
  • 数据资产
  • 网站导航
  • 订阅推荐
  • 商品推广
  • 日记
  • 摘录
  • 论文
  • 方案
  • 技术
  • 风格
  • 视觉
  • 原材料
  • 加工工艺
  • 元器件
  • 产品设备
  • 设计模式
  • 数据结构
  • 算法设计
  • 软件架构
  • 程序语言
  • 代码类库
  • 操作系统
  • 软件包
  • 健康
  • 环境
  • 社会
  • 道德
  • 法律
  • 经济
  • 政策
  • Language - HTML - 公共属性

文章摘要: HTML标签的公共属性。

class属性

  • 对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。
  • 为相同的类设置相同的样式,或者为不同的类设置不同的样式。
  • 一个元素能指定多个类。

在<head></head>标签中的<style></style>标签中写一个名为abc类,如下所示:

案例

<!DOCTYPE html>
<html>
    <head>
        <style>
            /* abc的`{ }`中是编写的样式 */
            .abc {
                background-color:black;
                color:white;
                margin:20px;
                padding:20px;
            } 
        </style>
    </head>
    <body>
        <!-- 有设置abc类,这将使用上面abc的样式 -->
        <div class="abc">
        
        </div> 
    </body>
</html>

id属性

  • 定义元素唯一的id。
  • id 属性指定 HTML 元素的唯一 ID。 id 属性的值在 HTML 文档中必须是唯一的。
  • id 属性用于指向样式表中的特定样式声明。
  • JavaScript 也可使用它来访问和操作拥有特定 ID 的元素。

语法规则

  • 写一个井号 #,后跟一个 id 名称。然后,在花括号{} 中定义 CSS 属性。
<html>
    <head>
        <style>
            /* id属性定义的样式代码 */
            #abc {
            样式块
            }
        </style>
    </head>
</html>

style属性

  • 规定元素的行为样式。
  • 该方法被称为行内(内嵌)样式。

CSS样式详细总结:Language-CSS-样式

更新时间: 2025/11/16 17:17