css样式

最新推荐文章于 2022-09-05 09:09:11 发布

cl07300_

最新推荐文章于 2022-09-05 09:09:11 发布

阅读量563

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/cl07300_/article/details/50529697

版权

6 篇文章 0 订阅

订阅专栏

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

HTML文档可以说由节点构成的集合，三种常见的DOM节点:

1. 元素节点: 上图中<html>、<body>、<p>等都是元素节点，即标签。

2. 文本节点: 向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。

3. 属性节点: 元素属性，如<a>标签的链接属性href="http://www.baidu.com"。

CSS 链接

链接的四种状态：

· a:link - 普通的、未被访问的链接

· a:visited - 用户已访问的链接

· a:hover - 鼠标指针位于链接的上方

· a:active - 链接被点击的时刻

当为链接的不同状态设置样式时，请按照以下次序规则：

· a:hover 必须位于 a:link 和 a:visited 之后

· a:active 必须位于 a:hover 之后

text-decoration 属性大多用于去掉链接中的下划线

background-color 属性规定链接的背景色

CSS 列表

要修改用于列表项的标志类型，可以使用属性 list-style-type

对各标志使用一个图像，这可以利用 list-style-image 属性: ul li {list-style-image : url(xxx.gif)}

3 个列表样式属性合并为一个方便的属性：list-style，就像这样：li {list-style : url(example.gif) squareinside}

list-style 的值可以按任何顺序列出，而且这些值都可以忽略。只要提供了一个值，其它的就会填入其默认值。

CSS 列表属性(list)

CSS 表格

border-collapse 属性设置是否将表格边框折叠为单一边框

通过 width 和 height 属性定义表格的宽度和高度

text-align 和 vertical-align 属性设置表格中文本的对齐方式

如需控制表格中内容与边框的距离，请为 td 和 th 元素设置 padding 属性

CSS Table 属性

CSS 轮廓属性

关注

专栏目录