Css+div 常用CSS标签及属性.pdf

CSS，即层叠样式表（Cascading Style Sheets），是一种用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。在网页设计中，CSS与HTML（尤其是div元素）结合使用，能实现更精确的布局控制和美化效果。 **CSS长度单位**： CSS支持多种长度单位，包括绝对单位和相对单位。绝对单位如in（英寸）、cm（厘米）、pt（磅）和pc（派卡）等，它们的值是固定的。相对单位如em（基于当前字体大小的单位）、ex（基于小写字母x高度的单位）和px（像素）则相对灵活，其中px是最常用的。 **display属性**： display属性用于定义元素的类型。它有多种值，如none（隐藏元素），block（块级元素，例如段落、标题等，占据完整一行），inline（内联元素，如链接、文本强调等，不占据完整行），以及list-item（列表项）。此外，还有其他值如inline-block、flex和grid等，用于创建更复杂的布局。 **颜色与背景类**： - `color`属性用于设置文本颜色，可以使用颜色名称、十六进制、RGB或RGBA等格式。 - `background-color`属性用于设置元素的背景色。 - `background-image`属性用来设置背景图片，其值为图片的URL。 - `background-repeat`属性控制背景图片的重复方式，可选值有repeat、repeat-x、repeat-y和no-repeat。 - `background-attachment`属性决定背景图片是否随页面滚动，可选值为scroll（默认，随页面滚动）和fixed（不随页面滚动）。 - `background-position`属性设置背景图片的初始位置，可以使用关键词（如top、bottom、left、right、center）或长度值来定位。 - `background`属性是一个简写属性，可以同时设置背景颜色、图像、重复、附件和位置。 **字型类**： - `font-family`属性用于定义字体系列，可以指定多个备选字体，以逗号分隔。 - `font-style`属性设定字体样式，如normal、italic和oblique。 - `font-variant`属性设置特殊的字体样式，如small-caps，但浏览器支持度有限。 - `font-weight`属性定义字体的粗细，通常使用normal、bold以及数字值（100到900）。 - `font-size`属性设置字体大小，可以使用绝对单位、相对单位或百分比。 这些基本的CSS标签和属性构成了CSS的核心概念，通过它们，开发者可以实现丰富的网页设计和布局控制。了解并熟练掌握这些属性，对于创建美观、响应式且易于维护的网页至关重要。在实际应用中，还应考虑浏览器兼容性和最佳实践，以确保样式在各种环境下都能正确呈现。