给自己时间，别着急，一步一步，一天一天，请相信生命的韧性是惊人的，配合你向上的心，不要放弃你的爱为自己。元素的显示和隐藏使用display隐藏display后，原来的位置将不再保留，之后会被正常的文档流覆盖。意思是。visibility和displayhiding的区别在于，visibilityhiding后，元素仍然会保持原来的位置visibility:visible; 对象可见性可见性：隐藏； objecthiddenoverflow溢出这是个神奇的词哈?，很多地方都会用到。前面提到的clearfloat也是用到了overflow属性值描述。visible不剪切内容，不添加滚动条。hidden不显示超出对象大小的内容，超出的部分隐藏。否，一直显示滚动条超过限制自动显示滚动条，不超过cursor属性值不显示滚动条说明default小白defaultpointersmallhandmovemobiletexttextnot-allowedto禁止大纲，通常我们最直接的写法是：outline:none，取消大纲。防止文本域拖拽使用文本域布局时，如果不设置任何属性，用户会抱怨修改文本域的大小会影响页面的整体Layout，这时候我们要注意：在实际开发中，我们的textfield的右下角是不能拖动的?vertical-align垂直对齐vertical-align否影响块级元素中内容的对齐方式。它仅适用于行内元素或行内块元素，尤其是行内块元素。通常用于控制图片/表格与文字的对齐方式。vertical-align:baseline|top|middle|bottom按顺序对齐：baseline,topline,middleline,bottomline溢出文本省略号显示设置或检索是否使用省略号(...)标记文本溢出在对象text-overflow:clip中；不显示省略号(...)，只是简单地剪切text-overflow:ellipsis;当对象中的文本溢出时显示省略号(...)方式。通常我们使用white-space:normal强制一行显示内容；默认的处理方式是white-space:nowrap； 强制所有文本显示在同一行，直到文本结束或遇到br标签对象时才换行。省略号三部曲/*1.强制文本先显示在一行中*/white-space:nowrap;/*2。隐藏多余的部分*/overflow:hidden;/*3。将多余部分替换为省略号*/text-overflow:ellipsis;CSS精灵技术（sprite）很重要。为什么需要精灵技术？图为网页请求示意图。当用户访问一个网站时，需要向服务器发送一个请求，网页上的每张图片都要经过一个请求，但是网页中往往会使用很多小背景图片作为装饰。当网页中的图片过多时，服务器会频繁接收和发送请求，从而降低页面的加载速度。特点：有效减少服务器接收和发送的请求数，提高页面的加载速度Sprite技术解释CSSsprites实际上是将网页中的一些背景图片整合成一张大图，使得用户在访问页面时只需要一个请求发送到服务器，可以显示网页中的所有背景图片。需要用到的CSS技术：背景定位的background-image、background-repeat、background-position属性。精灵技术使用核心摘要来精确测量每个小背景图像的大小和位置。当给盒子分配一个小背景图片时，背景定位基本上是一个负值。
