2020-02-16 标签:提高,css,网页,渲染,效率,11,注意事项,十六进制,颜色,对位,大小写,编写,可能会,小写字母,省略,位数

1、十六进制的颜色值对位数与大小写编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。* 不赞成 - color:#f3a;* 建议用 - color

2020-02-16 标签:css,不换,自动,换行,强制,实现,方法,div,white,space,n,owrap,word,wrap,break,ormal,英文,单词,断行,设置

强制不换行 div{ white-space:nowrap; } 自动换行 div{word-wrap: break-word;word-break: normal;} 强制英文单词断行 div{ word-break:break-all; } CSS设置不转行： overflow:hidden 隐

2020-02-16 标签:css,美化,段落,文本,之首,下沉,selector,first,letter,font,size,em,family,楷体,gb,2312,weight

Selector:first-letter {font-size:2.5em; font-family:"楷体_GB2312"; font-weight:bold; line-height:1.2em; float:left; padding:5px 2px 0 0; color:#c00;}如果你

2020-02-16 标签:css,比较,清爽,写法,做法,图片,到时候,页面,改起来,也很,简单,相对

所以我的做法是像这图片一样 到时候页面改起来也很简单,两个相对应的页面上这样

2020-02-16 标签:css,浮动,清理,不使,clear,标签,例如,div,style,background,666,float,container,left,width,30,height,40,px,eee

例如： Some Content 此时预览此代码，我们会发现最外层的父元素float container,并没有显示。这是因为子元素因进行了浮动，而脱离了文档流，导致父元素的height为零。 若将代码修改为： Some Content 注意，多了一段清理浮动的代码。这是一种好的CSS代码习惯，但是

2020-02-16 标签:css,控制,图片,大小,适应,宽度,不知道,家有,遇到过,这样的,情况,比如,img,width,500,px,固然,大于,很好

不知道家有没有遇到过这样的情况：在CSS控制图片大小时，如果把图片的宽度写死，比如 img{width:500px;} ，固然，如果图片宽度大于500px可以很好的控制它不让它过大，但如果图片宽度小于500px，比如说只有100px时，刚才的写法会把这张图扩大5倍显示，显然，这不是我们想看到的。那么

2020-02-16 标签:css,hspace,vspace,图片,控制,实例,当你,文字,距离,接近,就可以,使用,属性,图文,间隔,设定,水平

当你觉得图片与文字距离太接近时，就可以使用此属性。图文间隔：Hspace和 Vspace 的设定1.水平间隔：HSPACE。例如： (单位也是用像素（pixel）来计算的。)2.垂直间隔：VSPACE。使用方法与 HSPACE 相同，在这里不多作介紹。例如： (离文字的水平距离，通常多少设一点以免靠

2020-02-16 标签:css,文字,截取,功能,实现,代码,好处,兼容,ie,firefox,opera,有利于,内容,完整性,seo,无需,后台,程序,处理,在前

好处是： 兼容IE，firefox，Opera; 有利于内容完整性;有利于SEO; 无需后台程序处理; 可以在前台随时调节要截取的长度。 不好的地方： 不能自动判断截取长度，当字符很短的时候在Firefox中也会生成后面的省略符号。 另外在设置截取宽度的时候，要注意，尽量让文字截取完整。 Quote

2020-02-16 标签:css,常见,问题解决,方法,小结,检查,html,元素,是否,拼写错误,忘记,结束,标记,即使是,老手,经常,弄错,div,嵌套

1. 检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2. 检查CSS是否正确检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减

2020-02-16 标签:css,下划线,颜色,一句话,代码,实现,如下,a,fenhong,link,fenghong,visited,border,bottom,px,solid,ff,e

实现代码如下：a.fenhong:link,a.fenghong:visited{border-bottom:1px solid #FF2E7E;}