CSS常用标记与属性总结

本文档主要介绍了网页设计中常用的CSS（层叠样式表）标记，这对于学习和掌握CSS技术的人来说是一份宝贵的参考资料。CSS是网页布局和样式的基石，通过它，开发者可以控制网页元素的外观和布局。 1. 字体属性：CSS中的`font`属性允许调整文本的显示风格，包括： - `font-size`: 设置文本大小，可选值有x-large（特大）、xx-small（极小），中文通常用像素(px)或点(pd)表示，如`font-size: 16px`。 - `font-style`: 改变文字倾斜度，如oblique（偏斜体）、italic（斜体）、normal（正常）。 - `line-height`: 表示行高，正常情况下的值为normal，单位可以是px、pd或em。 - `font-weight`: 控制字体粗细，bold（粗体）、lighter（细体）、normal（正常）。 - `font-variant`: 变体效果，如small-caps（小型大写字母）。 - `text-transform`: 字母大小写转换，如capitalize（首字母大写）、uppercase（大写）、lowercase（小写）和none（无变化）。 - `text-decoration`: 文本修饰，如underline（下划线）、overline（上划线）、line-through（删除线）和blink（闪烁效果）。 2. 字体选择：使用`font-family`指定字体系列，如`"CourierNew", Courier, monospace, "TimesNewRoman", Times, serif, Arial, Helvetica, sans-serif, Verdana`，可以设定默认字体及备选字体。 3. 背景属性：控制元素背景的视觉呈现： - `background-color`: 设置背景颜色，如`background-color: #FFFFFF`，代表白色。 - `background-image`: 定义背景图片，如`background-image: url('image.jpg')`。 - `background-repeat`: 控制背景图像重复，如no-repeat（不重复）、repeat-x（水平重复）、repeat-y（垂直重复）和repeat（两者都重复）。 - `background-attachment`: 布局时背景是否随页面滚动，如fixed（固定）、scroll（滚动）。 - `background-position`: 定位背景图片在元素中的位置，如`left top`。 - 简写方法如`background: #000 url(..) repeat fixed left top`。 4. 区块属性：用于调整块级元素的样式： - `letter-spacing`: 字符间距，设置数值来增加或减小字符之间的距离。 - `text-align`: 对齐方式，有justify（两端对齐）、left（左对齐）、right（右对齐）和center（居中）。 - `text-indent`: 设置段落缩进，单位为像素或百分比。 - `vertical-align`: 垂直对齐，比如baseline（基于基线对齐）、top（顶部对齐）、middle（中部对齐）、bottom（底部对齐）等。 这些CSS属性只是CSS世界的一部分，实际上，CSS提供了大量用于控制网页布局、颜色、动画和响应式设计的工具。通过熟练掌握这些基本标记，设计师和开发者能够创建出丰富多彩且适应各种设备的网页体验。希望这份收集的CSS常用属性大全对学习者有所帮助。