Web页面切图和CSS注意事项】的更多相关文章

一.Asp.net中的线程池设置 在Asp.net的服务处理中,每当服务器收到一个请求,HttpRuntime将从HttpApplication池中获取一个HttpApplication对象处理此请求,请求的处理过程将被排入线程池中,对于Asp.net来说,在Machine.config文件的processModel部分中可以设置线程池中的参数. Asp.net线程相关的参数配置: 参数 配置 autoConfig 基于服务器的配置自动设置. maxWorkerThreads 设置每个CPU的最…
这两天在学习页面的切图,样式设计,把学习过程中注意的地方记录下来. 一. input输入框点击时去掉外边框 一般在IE,firefox下,设置 border:0 none; 即可.但在chrome下,仍会出现边框. 可以在样式中应用:outline:medium;来解决. 效果如下图: 1.在firefox下,设置border:0 none; 无边框: 2.在IE下,设置border:0 none; 无边框: 3.在chrome下,设置border:0 none; 有边框: 4. 在firefo…
1.文字尽量不要独立放在div中,一般放在p,span中(显得不专业) 2.div给了width就不要用padding-left,padding-right:给了height就不给padding-top,padding-bottom:margin不受影响 (继承的另说,继承可以这样写,但是padding-XXX和width不要同时出现在一个样式上,会导致不兼容).  两个相邻的div,上面的一个给了margin-bottom,下面的那个就不要给margin-top了,给了也没用. 3.img在i…
声明: web小白的笔记,欢迎大神指点,联系QQ:1522025433. 工具:Photoshop 1.复制文字:点击文章工具后选择文字. 2.矩形选框工具 看信息 f8, 取消矩形选框 Ctrl+D. 3. 传统切图:用工具栏的 矩形选框工具 选中你想要的图片部分,然后选择编辑栏(最顶上的一栏)选择 图像-->裁剪 然后你想要的图片就出来了,然后再 储存为web所用格式(点击编辑栏的 文件-->储存为web所用格式 ) 即可. 4.快速切图(快速切图的代替方法吧,可以和切图达到一样的效果,传…
目的: 由于网站更新活动较频繁,其大多数以静态图片为主,设计人员在除了设计图后都要给前端制作人员再次切图从而达到页面加载图片缓慢的问题,为了减少工作量做了该工具. 功能: 上传一张图,将其分割成指定等份的小图. 将分割出的多张图片嵌套进公共的活动模版里,并为每张图片设置上要跳转的链接,直接生成页面html 预览图: 主要实现代码: /** * Created by PhpStorm. * User: Administrator * Date: 14-3-26 * Time: 下午6:31 */…
技巧: 一. 如何在 Retina 屏幕的设备使用更高分辨率的图片 以 MacBook Pro 为例,它的标准分辨率高达 2560 x 1600,但是如果真的以这个分辨率显示网页,网页的有效区域就小的可怜,而且字也会小的无法分辨. 因此通常 OS X 都会建议用户使用推荐的分辨率 1440 x 900.也就是说,网页中的内容需要被放大约 1.78 倍. 矢量的图形和字体问题不大,但是位图在放大后就会出现失真的情况.因此,你需要针对 Retina 屏幕设备使用更高分辨率.   1. 使用CSS3的…
切图流程和注意事项 切图的正确流程做法是: 1 写框架.拿到psd后,先不要做别的,直接在文本编辑器中将网页的框架写出来,不要假设这块将来css要去怎么渲染,完全自然化的标签,不加任何的css. 2 查适配.写完之后在各个浏览器运行之后确保大体定位都没有问题.如果是手机wap.微信活动页面,还要注意按手机屏幕大小进行适配. 3 书写总体css,这里的css只负责大块的定位及样式. 4 不断调试.切出需要的图片资源,在写好的框架中一点点的去构造,不断的调试,最终为成品. 5 最后,为自己的代码添加…
渴切:是国内优秀的开源css框架. 渴切是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间.它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防 止枯燥的跨浏览器兼容性测试.你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类. 渴切框架用途 渴切css开源框架是一款能够帮助快速切图的css衍生产品,实现原理是采用了官网的css重写,重写掉了所有不兼容浏览器的html标签的默认样 式,使之达到浏…
http://blog.newnaw.com/?p=789 两年前我写过一篇关于ArcGIS地图切图/缓存原理的文章,<ArcGIS Server的切图原理深入>,里面以tiling scheme为主,讲了缓存图片的存储结构以及相关坐标的计算.那时还是ArcGIS 9.3版本,现在ArcGIS 10已经推出快一年多了,地图缓存/切图方面有了很大改进,比如增加了compact缓存格式,增加了import/export map server cache工具,增加了mixed图片模式等.这次就在上篇…
一.常见web字体 TrueType (.ttf) Windows和Mac系统最常用的字体格式,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打印输出的一致性.同时,这类字体和矢量字体一样可以随意缩放.旋转而不必担心会出现锯齿. TrueType(.ttc) TTC是几个TTF合成的字库,安装后字体列表中会看到两个以上的字体.两个字体中大部分字都一样时,可以将两种字体做成一个TTC文件,现在常见的TTC中的不同字体,汉字一般没…