css标签属性大全？css常用标签及属性

大家好，今天来为大家解答css标签属性大全这个问题的一些问题点，包括css常用标签及属性也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~

归纳总结学习了哪些html标签和css属性

一、html的文档结构

doctype文档类型

Strict：包含所有 HTML元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

Transitional：包含所有 HTML元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

Frameset：等同于Transitional但允许框架集内容。如果要写框架就要声明这一种。

head

title：浏览器工具栏中的标题、页面被添加到收藏夹时显示的标题、显示在搜索引擎结果中的页面标题

meta：元数据不会显示在页面上，但是对于机器是可读的。

规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

<meta>标签始终位于 head元素中。

元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web服务。

style：标签用于为 HTML文档定义样式信息。

body主要就是div和各类标签

二、用div来控制布局

布局原则：从大到小、从上到下、从左到右

盒子模型：有宽（width）高（height），有边框（border）、有外边距（margin）、有内边距（padding）

浮动布局：div可以”飘“起来（float）、也可以清除浮动（clear）

自己可以尝试用简单的div+背景色，来试着布局，增强自己的”大局观“。

三、用CSS来控制显示效果

先了解各类选择器：di、class、标签、派生、伪类、通配

再了解各类效果如何控制

段落控制

text-align文本水平对齐设置

text-decoration划线方式

letter-spacing文本中单字的间隔

text-transform大小写转换

文字控制

color颜色设置 font-style斜体设置 font-weight文字粗细 font-size文字大小 font-family文字字体

背景控制

background-color颜色

background-image图片

background-repeat图片平铺

background-attachment滚动

background-position图像在背景中的位置

CSS的引入方式：页内style标签、外部CSS文件、行内style标签、import导入

CSS的初始化

原因：浏览器对元素有默认的CSS参数，且可能不一致，导致浏览器之间显示效果不一样

解决方法：统一对常用元素常用CSS参数，手动设定统一效果

四、html标签

无语义标签：div、span

有语义标签

h1-h6标题

p段落

img图片

a超链接和锚点

ul无序列表

ol有序列表

table表格

html标签属性和css属性哪个优先级高

CSS属性的优先级高于HTML标签属性，具体原因和表现如下：

1.优先级规则与实验验证

CSS样式（包括内部样式表、外部样式表和内联样式）的优先级均高于HTML标签属性。例如，在实验中，通过内部样式表或外部样式表为<img>标签设置height属性后，即使标签内存在height属性，最终生效的仍是CSS样式。进一步测试内联样式（如style="height:84px"）时，其优先级高于内部样式表，但依然遵循CSS体系内的优先级规则（内联>内部/外部样式表）。

2.W3C标准与分离原则

W3C明确提倡使用CSS替代HTML标签属性，核心目的是实现结构与样式分离。HTML标签属性（如width、height）本质是结构描述，而CSS是样式控制工具。分离后，样式可复用、维护更便捷，且能通过媒体查询等实现响应式设计。例如，通过CSS的max-width: 100%和height: auto可确保图片在不同设备上按比例缩放，而标签属性无法实现此类动态调整。

3.HTML标签属性的特殊作用

尽管CSS优先级更高，但HTML标签属性仍有其价值。例如，<img>的width和height属性可预留布局空间，避免页面加载时因图片尺寸未知导致布局抖动（重绘）。但需注意：

通过标签属性缩放图片会强制用户下载原始尺寸文件，造成带宽浪费。正确做法是预先处理图片尺寸，再通过CSS控制显示效果。此外，标签属性设置的百分比值（如width:50%）需配合CSS的height:auto以保持宽高比，否则图片会扭曲。

4.实际应用建议

优先使用CSS：控制样式（如尺寸、颜色、布局）时，始终通过CSS实现，以提高代码可维护性和复用性。保留标签属性：仅在需要预留布局空间时使用width和height，且确保值与实际图片尺寸一致或成比例。响应式设计：结合CSS的max-width和height:auto，确保图片适配不同屏幕，避免标签属性的静态限制。

css中a标签可以用border-bottom属性吗

boder标签适用于块级元素和行内元素，因此border-bottom是可以控制a标签的。但是margin标签来说，我们一般把一个元素居中，是针对于块元素，比如P标签或者div标签。而a标签是属于行内元素（没有独占一行的元素）。所以我们要使a标签这样的行内元素同样具有块元素的属性，就可以在样式内margin之前加入display:inline-block;这样一句就可以解决上述问题，望采纳

如果你还想了解更多这方面的信息，记得收藏关注本站。