2302_80250536的博客

一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sprites、CSS雪碧）。精灵图是有诸多优点的，但是缺点很明显。1.图片文件还是比较大的。2.图片本身放大和缩小会失真。3.一旦图片制作完毕想要更换非常复杂。

普通流（标准流）普通流（标准流）1. 块级元素会独占一行，从上向下顺序排列。常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table2. 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。常用元素：span、a、i、em等。

CSS盒子模型是网页布局的基础，它将HTML元素视为一个矩形盒子，包含边框（border）、内边距（padding）、外边距（margin）和实际内容。边框可以通过border属性设置宽度、样式和颜色，内边距控制内容与边框的距离，而外边距则用于调整盒子之间的间距。CSS3引入了圆角边框（border-radius）和盒子阴影（box-shadow）等新特性，增强了视觉效果。此外，通过display和visibility属性可以控制元素的显示与隐藏，而overflow属性则用于处理内容溢出的情况。理解并熟练运

类。

设置文本元素的字体类型语法：name是字体名称，字体名称按优先顺序排列，以逗号隔开，如果字体名称包含空格，则要用引号括起。

dl> 标签用于定义描述列表（或定义列表），该标签与<dt>（定义项目/名字）和<dd>（描述每一个项目/名字）一起使用。