CSS+div样式指南：常用CSS属性解析

"该PDF文件主要介绍了CSS+div中的一些常用CSS标签和属性，包括长度单位、元素分类、颜色与背景类的相关设置方法。" 在网页设计中，CSS（层叠样式表）是一种用于控制网页元素外观的关键技术。这篇资料详细讲解了CSS中的基本概念和常用属性，对初学者尤其有帮助。 首先，CSS中的长度单位分为绝对单位和相对单位。绝对单位如in（英寸）、cm（厘米）、pt（磅）和pc（派卡）在网页设计中较少使用，因为它们与屏幕分辨率和设备无关。相对单位更常见，其中em是基于元素自身的字体大小，1em等于该元素的字体-size值，ex则是基于字体的小写"x"字母高度，通常近似于0.5em。px是最常用的单位，直接表示像素值。 接着，CSS中的元素分类是理解布局的重要部分。`display`属性用于定义元素的显示类型。`none`意味着元素不会显示在屏幕上；`block`表示块级元素，它们通常占据一整行，如段落（P）、标题（H1-H6）和div；`inline`则表示内联元素，如链接（a）、强调文本（em）和span，它们可以并排显示；`list-item`用于列表项（LI）。 颜色与背景类是CSS中增强视觉效果的关键。`color`属性用于设置文本颜色，支持多种表示方式，如十六进制（如`#f00`代表红色）、RGB（如`rgb(255,0,0)`）和百分比形式（如`rgb(100%,0%,0%)`）。例如，`H1{color:red}`将所有一级标题的颜色设置为红色。`background-color`属性则用于设置元素的背景颜色，同样接受各种颜色表示方式。`background-image`可以设置背景图片，如`body{background-image:url(back.jpg);}`。`background-repeat`属性控制背景图片的重复方式，如`repeat-x`使图片仅在水平方向重复，`no-repeat`则让图片不重复。`background-attachment`属性定义背景图片是否随页面滚动，`fixed`表示固定位置，`scroll`表示随页面滚动，默认值通常是`scroll`。 这些基本的CSS标签和属性是构建网页布局和美化页面的基础，掌握它们对于进行有效的网页设计至关重要。通过深入理解和实践，开发者能够创造出更具吸引力和功能性的网页。