HTML样式与列表详解-优快云博客

HTML 的 style 属性

style 属性用于改变 HTML 元素的样式
style 属性的作用：提供了一种改变所有 HTML 元素的样式的通用方法。

样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。

样式实例-背景颜色
background-color 属性为元素定义了背景颜色：

<html>

<body style="background-color:yellow">
<h2 style="background-color:red">hello</h2>
<p style="background-color:green">world</p>
</body>

</html>

样式实例-字体，颜色，尺寸
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：

<html>

<body>
<h1 style="font-family:verdana">A hello</h1>
<p style="font-family:arial;color:red;font-size:20px;">A world</p>
</body>

</html>

样式实例-文本对齐
text-align 属性规定了元素中文本的水平对齐方式：

<html>

<body>
<h1 style="text-align:center">This is a heading</h1>
<p>The heading above is aligned to the center of this page.</p>
</body>

</html>

HTML列表

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表始于 < ul> 标签。每个列表项始于 < li>。

<ul>
<li>hello</li>
<li>world</li>
</ul>

浏览器效果如下

hello
world

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

有序列表
同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 < ol> 标签。每个列表项始于 < li> 标签。

<ol>
<li>hello</li>
<li>world</li>
</ol>

浏览器效果如下

hello
world

列表项内部同样可以使用段落、换行符、图片、链接以及其他列表等等。

定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 < dl> 标签开始。每个自定义列表项以 < dt> 开始。每个自定义列表项的定义以 < dd> 开始。
定义列表的列表项内部也可以使用段落、换行符、图片、链接以及其他列表等等

HTML标签学习(2)

HTML 的 style 属性

HTML列表