1.对于开始写网站css之前一般都要对css进行重置（养成写注释的习惯）：body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;} body{font-size:16px;} img{border:none;} li{list-style:none;} input,select,textarea{outline:none;border:none;background:none} textarea{resize:none;} a{text-decoration:none;} /*清除浮动*/ .clearfix:after{content:"";display:block;clear:...
CSS的编写是需要积累的，而一个好的css编写习惯对我们将来的成长是非常有利的，我会把我平时看到的或者遇到的会不定时的更新到这里，不时翻一下，但求有所进步。如果各位看官也有看法和建议，评论下，我也会更新进来，谢谢！ 1、css选择符是从右到左进行比配的，例如 #nav li，查找时先会去找到所有的li，然后再去筛选父元素，确定匹配的父元素......所以性能其实很差 所以尽量减少深度 2、减少inline CSS的数量 3、使用现代合法...
一、Web页面切图1) Web页面的切图类型可以归纳为背景（bg）、列表项目的符号（li）、内容中插入的图片（pic）、按钮（btn）、图标等几种形式（ico）。2) 建议把用CSS背景加载的图片拼合成一张图片。这样可减少对服务器的请求。从而提升页面加载速度。3) 除页面头部大图保存格式为JPG外，其他图片一律采用gif格式二、CSS相关事项：1) 所有的xhtml代码小写。2) 每个标签都要有开始和结束，且要有正确的层次,没有结束标签的，标签后加...
首先，如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏，载入页面后，在没有通过js设置样式使元素显示的前提下，使用js代码会无法正确获得该元素的一些属性，比如offSetTop,offSetLeft等，返回的值会为0，通过js设置style.display来使元素显示后才能正确获得这些值。 其次，使用display:none隐藏的元素不会被百度等搜索网站检索，会影响到网站的SEO，某些情况下可以使用left:-100000px来达到同样效果。 另外，如...
使用缓存会带来巨大的性能提升，还能节省带宽、减少服务端开销，但很多网站对缓存一知半解，让相互依赖的资源出现竞态条件，从而无法同步更新。 使用缓存的最佳实践大体上可以归纳为这两种模式： 模式一：不变内容 + 长时间 max-age Cache-Control: max-age=31536000 URL 对应的内容绝对不会改变，因此： 浏览器 / CDN 直接将这个资源缓存一年也没问题； 在 max-age指定时间内，缓存副本可以直接使用...
经常使用p+css布局的朋友，需要注意以下几点一、少用偏门。 类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。 二、center不是float的值。 很多新手都会把center误认为是float的值，而偏偏不是如此。center只是text-align的值。 三、对齐不能包括两个值。 很多新手会在float或者text-align中填写两个值，比如：float:left top。这...
压缩HTML的起因 如何提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实网页优化的方法还是很多。 有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的...
压缩HTML的起因 如何提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实网页优化的方法还是很多。 有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的...
压缩HTML的起因 如何提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实网页优化的方法还是很多。 有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的...
压缩HTML的起因 如何提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实网页优化的方法还是很多。 有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的...
简单说：这两个问题其实是同一个问题，但是网上找了好久也找不到方法，外联的js和css文件里不能有任何HTML的标记注释，一旦有，浏览器就疯了！一去掉就好了！！！ 问题：起因是网上看到一个css的表格样式，觉得挺好看，就打算放在自己的Asp.Net程序里，开始的时候我放在aspx文件里，显示正常然后我就打算把css和js放在独立的文件里，这时候浏览器就疯掉了，显示的效果跟原先内联的时候完全不同，就好像压根没有看到我的css样式表一...
我们学习HTML和CSS就是为了制作网页，所以网页的布局和样式就显得非常重要了，它关系到页面的美观。本篇文章我就总结了有关div+css布局的相关内容：1.韩顺平 2016年最新div css 基础视频教程《韩顺平 2016年最新div css 基础视频教程》是在以html为基础讲解的，是对网页的排版和布局的基础的讲解。2.韩顺平 2016年 最新div css 高级视频教程《韩顺平 2016年最新div css 高级视频教程》是在基础视频的基础之上将知识点进行了升华，加...
一、Web页面切图 1) Web页面的切图类型可以归纳为背景（bg）、列表项目的符号（li）、内容中插入的图片（pic）、按钮（btn）、图标等几种形式（ico）。 2) 建议把用CSS背景加载的图片拼合成一张图片。这样可减少对服务器的请求。从而提升页面加载速度。 3) 除页面头部大图保存格式为JPG外，其他图片一律采用gif格式 二、CSS相关事项： 1) 所有的xhtml代码小写。 2) 每个标签都要有开始和结束，且要有正确的层次,没有结束...
很荣幸今天是7月份的最后一天,想想好久没有总结过自己的工作,那么今天借这个机会来说一下。初略有几个方面的内容： (一)初级设计师怎么做好网页设计。 (二)初级设计师怎么与用户进行沟通 (三)初级设计师该怎么提高自己。 (一)初学者怎么做好网页设计 在网上通常我们会看到很多设计大神的作品，色彩和排版看起来都很舒适，留白也恰到好处，最重要的是版面设计看起来也不是那么的复杂，好像随便打开一个PS就能绘画出来，...
1）面向对象的CSS的作用： 1.1）加强代码复用，以便维护； 1.2）减小CSS体积； 1.3）提升渲染效率； 1.4）组件库思想、栅格布局可共用、减少选择器、方便扩展。 2）面向对象的CSS的注意事项： 2.1）不要直接定义子节点，应把共性声明放到父类； 2.2）结构和皮肤相分离； 2.3）容器和内容相分离； 2.4）抽象出可重用的对象，建好组件库，在组件库内寻找可用的元素组装页面； 2.5）往你想要扩展...