Web前端页面设计与开发
关注
分享
扫一扫
文章平均质量分 78
Serein
淡定...
展开
-
CSS实现隐藏正常显示的文本，并用图片替换
效果与目的： 利用CSS，将HTML正常显示的文本隐藏起来，并用一个图片代替。使得任何用户浏览器只要支持CSS，就会看到替换后的图片，而不支持CSS的用户浏览器只会看到普通文本。 HTML代码：CSS实现隐藏正常显示的文本，用图片代替 <!-- ** 在h1内部添加span元素，并通过CSS应用背景图片来覆盖HTML文本 **span元素的CSS设置见css代码原创 2011-06-25 19:22:00 · 2136 阅读 · 0 评论 -
CSS控制图片大小的方法
网页制作技巧实例解决：用CSS控制图片自适应大小 图片自动适应大小是一个非常常用的功能，在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制，我们可不可以用CSS控制图片使它自适应大小呢？可以通过按比例缩小或者放大到某尺寸（自己指定），来保持图片不变形走样的完全显示。解决方案： 一、 对于标准浏览器（如Firefox），或者最新都IE7浏览器，直接使用max-原创 2012-04-20 09:49:31 · 6128 阅读 · 3 评论 -
根据不同浏览器选择不同css
如何根据浏览器选择不同css？比如我有3个CSS文件，如果客户端是IE6，则使用CSS1，如果客户端是IE7或者IE8,则用CSS2，如果客户端是FIREFOX，则使用CSS3。从网上找了下，有如下说法 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码 if (window.navigator.userAgent.indexOf("MSIE")>=转载 2012-04-15 15:56:17 · 2178 阅读 · 1 评论 -
不同浏览器CSS解析小结
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;转载 2012-04-15 15:54:49 · 837 阅读 · 0 评论 -
JSP中文乱码问题一
接触JSP难免会遇到Java的中文乱码问题，对于不同的情况，有不同的解决方法。以下是我所遇到的乱码问题以及查阅的一些解决方法。一、页面编码不一致导致的乱码问题 这个乱码问题是最简单的乱码问题，一般新手会出现。看以下JSP页面代码：原创 2011-10-02 17:04:04 · 911 阅读 · 0 评论 -
EDM邮件模板制作规范小结
最近在搞EDM，这种页面做起来比较搞，给大家分享下吧1,模板编码语言选择 模板编码设定与使用的发送软件有关，一般来说，utf-8为较常用的选择，错误的编码会造成用户浏览的时候出现乱码；2,不要使用div，使用最简单的嵌套table定位Div+css是近几年新转载 2011-09-19 09:54:39 · 2771 阅读 · 0 评论 -
CSS盒子模型详解
一、CSS盒子模型概述 本质上，CSS中的每个元素都被一个盒子所包围。这个盒子规定了元素框的处理，其中由中心向外扩展包括盒子的尺寸(宽和高：width和height)，内边距（padding）、边框（boader）和外边距（margin）。C原创 2011-07-06 15:48:07 · 3184 阅读 · 0 评论 -
一个简约的相册缩略图页面
效果与目的：一个简约的缩略图页面，显示一些小图片，每幅图片链接到相应的图片页面。比如链接到之前的照片浏览页面，进行大图片的浏览！ HTML代码： 相片缩略图页面 图片集 » 相册: Firenze, Italia 2006原创 2011-07-04 14:07:36 · 531 阅读 · 0 评论 -
一种展示相册列表的页面
效果与目的：展示相册或者图册列表的简约页面。页面内的信息包含如下内容：1、对相册的简单描述；2、相册中的图片数；3、相册的封面。HTML代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""h原创 2011-07-04 14:22:35 · 1639 阅读 · 0 评论 -
一种简约的浏览图片页面
效果与目的：网页上显示照片或者图片，加上一个标题，一段描述，提供导航切换。用CSS进行样式设置，包括图片标题、图片描述的拓扑结构和颜色设置样式，设置框架、页边距和布局样式，并设置用于导航的缩略图。HTML代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD原创 2011-07-04 14:03:44 · 530 阅读 · 0 评论