html,css属性合集
时间: 2025-06-21 09:29:03 浏览: 6
### HTML 和 CSS 属性大全
#### 一、HTML 标签及其常见属性
HTML 提供了一系列用于构建网页结构的标签,每个标签可以带有不同的属性来定义其行为和外观。
- **`<a>` 超链接**
- `href`: 指定超链接的目标URL。
- `target`: 控制点击链接后页面打开方式(如 `_blank`, `_self` 等)[^3]。
- **`<img>` 图像**
- `src`: 设置图像文件路径。
- `alt`: 当图片无法加载时替代文本描述。
- **表格相关 (`<table>`)**
- `border`: 表格边框宽度。
- `cellpadding`: 单元格内填充大小。
- `cellspacing`: 单元格间距尺寸。
- **表单元素 ( `<input>`, `<textarea>`, `<button>` )**
- `type`: 对于输入字段指定类型(text, password, submit等)。
- `name`: 名称标识符以便服务器端处理提交的数据。
- `value`: 默认值或按钮上的显示文字。
- `placeholder`: 输入框未聚焦前提示信息。
#### 二、CSS 属性概览
以下是部分重要的 CSS 属性分类:
##### 布局与定位
- `position`: 绝对(`absolute`),相对(`relative`),固定(`fixed`),静态(`static`)
- `float`: 左浮动(`left`)/右浮动(`right`); 清除浮动需配合使用 `clear: both;`
- `display`: inline | block | none | flex | grid ...
- `margin`: 外边距设定;可分别设置上下左右四个方向的距离
- `padding`: 内边距调整;同样支持多方位独立配置
- `width / height`: 明确组件宽高尺寸
##### 文字样式
- `font-family`: 字体族名称序列
- `font-size`: 字号单位px/em/rem...
- `color`: 颜色编码RGB/HEX/HSL...
- `line-height`: 行间距离控制
- `letter-spacing`: 字母间隔微调
- `word-spacing`: 单词之间间隙管理
- `text-align`: 排版居中(center)靠左(left)靠右(right)
##### 边框与背景
- `border`: 合并设置边框粗细颜色风格
- `background-color`: 底部色彩渲染
- `background-image`: 添加背景图案url()
- `opacity`: 整体透明度0~1区间取值
##### 列表样式
对于列表项(`<ul><ol><li>`),可以通过如下几个重要属性来自定义展示形式:
- `list-style-type`: 更改项目符号形状为 disc/circle/square 或者移除标记none [^2]
```css
/* 示例 */
ul {
list-style-type: square;
}
```
阅读全文
相关推荐


















