HTML 中div的全局属性与css样式

       <div> 是 HTML（HyperText Markup Language）中的一个块级元素，用于定义文档中的一个区段（division），常用于分组布局或者样式的应用。截至2023年，<div> 元素本身没有专门的属性，它依赖全局属性和CSS样式来控制其行为和外观。

一、HTML的全局属性

        这里是HTML全局属性列表，它们可以用于 <div> 和大多数其他HTML元素：

accesskey: 设置快捷键，让用户可以按键盘来访问元素或给元素焦点。
class: 规定元素的一个或多个类名（引用样式表中的类）。
contenteditable: 指定元素内容是否可被用户编辑。
data-*: 用于存储私有的自定义数据。
dir: 定义元素的文本方向。
draggable: 定义元素是否可以拖动。
hidden: 表示一个元素仍未或不再相关。
id: 元素的唯一标识符。
lang: 元素内容的语言。
spellcheck: 定义是否对元素进行拼写检查。
style: 内联CSS样式声明。
tabindex: 定义元素的tab键控制次序。
title: 描述了元素的额外信息，通常显示为工具提示文本。
translate: 指定是否要翻译元素内容。

        另外，<div> 元素亦可以利用aria属性、事件处理器属性等来提供辅助技术信息或处理用户操作引发的事件。

        但需要注意的是，HTML5标准可能会更新，可以添加新的全局属性或者废弃旧的属性。使用时应参照最新的HTML规范或文档。

二、css样式之style的使用

        style 属性是一个HTML全局属性，用于给HTML元素直接应用内联CSS样式。通过style属性，可以控制元素的外观和布局，而无需使用外部或内部的CSS样式表。每个HTML元素可以拥有自己的内联style属性。

        内联样式通常用于测试、演示或者覆盖由外部或内部样式表提供的样式。但在生产环境中，通常推荐使用外部或内部样式表，因为它们可以促进样式的复用和分离内容与表现。

        下面是style属性的基本使用方法。

<div style="color: blue; background-color: 
yellow; border: 1px solid black; padding: 10px;">
  这是一个有样式的div元素。
</div>

        在这个例子中，style属性被应用到一个<div>元素，给它设置了字体颜色、背景颜色、边框样式和内边距。style属性中的每个样式规则由属性名称和值组成，并以分号(;)分隔。

        style属性中可以包含任何有效的CSS属性，以下是一些常见的CSS属性：

color: 设置元素的文字颜色。
background-color: 设置元素的背景颜色。
font-family: 设置元素的字体族。
font-size: 设置元素的字体大小。
border: 设置元素的边框样式，可以是宽度、样式和颜色的简写形式。
margin: 设置元素的外边距。
padding: 设置元素的内边距。
width: 设置元素的宽度。
height: 设置元素的高度。
display: 设置元素的显示方式。

        使用style属性的优势是能够迅速地应用样式变更，但它也有缺点，包括增加了HTML的复杂性，并可能导致样式信息散落在多个地方，难以维护。在实际开发中，推荐使用类选择器和外部CSS文件来组织和应用样式规则。