zxleezx-CSDN博客

转载 FitVids.JS —— 让视频响应屏幕尺寸变化

测试有效：Fitvids.js 是个轻量级，易于使用的 jQuery 插件，用来在网页上播放指定宽度的嵌入视频。Fitvides.js 会自动通过 Thierry Koblentz 的 Intrinsic Ration 方法来在你的响应式网页中实现流体宽度视频。有一款自定义的视频播放器吗？答案是肯定的，Fitvides.js 提供一个 customSelector 自定义选择器，允许用户添

2015-01-04 13:51:30 1494

转载浅谈响应式布局

什么叫做响应式布局？也即是响应式Web设计。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，随着现在各种终端的快速发展，做出一些能够适应不同分辨率、不同平台、不同屏幕大小的网页

2014-02-17 09:23:48 3023

转载 css hack 全套

.all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:value;}.IE 6{_property:value;}.not IE{proper

2014-02-17 09:15:02 672

转载入门CSS框架960Grid的最佳教程

闲言少叙，废话不说，直入正题：1、什么是CSS框架？ CSS框架是一种你能够使用在你的web项目中概念上的结构，是别人已经写完的，而且很完善的CSS定义集合。CSS框架一般是CSS文件的集合，包括基本风格的字体排版，表单样式，表格布局等等，比如： * grid.css 表格布局 * layout.css 布局 * form.css 表单

2013-09-03 11:10:51 3758

转载为什么要用960px？——网页内容宽度分析

为什么要用960px？——网页内容宽度分析液晶还没普及的年代，网页设计需要考虑800×600的分辨率。但如今800×600的分辨率使用率不到2%，已经可以忽略了。比这个分辨率高一级别的1024×768，使用率接近50%(国内)，所以很多网站都是以1024的宽度为标准进行设计的，最常见的页面宽度是两种：1004和960。早期的网页设计师使用1004px作为页面宽度，是基于这样的考

2013-06-11 21:43:48 6056

转载网页编码就是那点事

网页编码就是那点事2012-11-19 11:24 [小大] 来源: 潜行者m 评论: 0 分享至: 百度权重查询站长交易友情链接交换网站建设,网站设计,企业建站就找313编码一直是让新手头疼的问题，特别是 GBK、GB2312、UTF-8 这三个比较常见的网页编码的区别，更是让许多新手晕头转向，怎么解释也解释不清楚。但是编码又是那么重要，特别在网页这一

2012-11-22 21:10:08 412

原创 utf-8和改版312编码的问题

今天替别人改页面，他是下载的fancybox封装好的jq特效，里面的一些文件编码和editplus默认的utf-8不同而导致乱码，百度了一下，批量的将编码统一修改为utf-8然后，然后就没有然后了。mark一下

2012-11-22 13:04:49 819

转载为什么body{font-size: 62.5%;}

在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置，为什么偏偏是62.5%呢？这主要是为了方便em与px相互转换，em的初始值为1em=16px，显然这样的话，如1.2em则=19.2px，可是我们在设置的时候很少看见19.2px这样表示的大小，也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时，1em则=16px

2012-10-25 16:15:59 23041 1

原创解决img链接有边框的问题，以前一直纠结。。。。。

解决IE的a里面加hidefocus= "true" 。。。img里面将border设为0但是ff的还不知道怎么解决。。。。先mark一下a{ hide-focus: expression( this.hideFocus=true ); outline: none;}这个据说兼容所有浏览器

2012-10-25 15:03:38 774

转载 Web前端开发规范文档

Web前端开发规范文档热度 136已有 5964 次阅读2011-10-18 21:03|个人分类:前端技术|前端开发规范规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.

2012-06-10 20:08:18 594

原创 css没有闭合括号，就会出现页面无故错位

css没有闭合括号，就会出现页面无故错位

2012-05-25 17:53:12 1107

原创 margin只能应用block元素... 难怪……

想让每个盒子间有10px空隙中的mT10为什么每次都不起作用，除非改为divmT10代表margin-top:10px;是准备代码复用。。。。。。。。原来： margin只能应用block元素.. 但是margin左右元素应该可以用

2012-05-24 21:40:01 541

转载浏览器兼容性剖析

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前

2012-04-25 16:41:04 416

原创学习笔记

基本功不扎实………………做图片边框时，img:hover定义了图片鼠标上移时的样式，没有记得在此之前定义img的边框样式，，，，，，，最后无论怎么修改相关的padding也好，margin也好，鼠标上移时图片总会错位。。。。。。。我勒个去。。。。。。。。。受不了自己犯这种低能错误，，，望自己谨记

2012-04-20 16:36:00 425

转载 xHTML究竟有多少个标签？块级和内联元素的划分。

xHTML究竟有多少个标签？xHTML究竟有多少个标签？绝大部分人都不能得出一个正确的答案，现在就有个机会，自己数数。答案：91个，哈哈,被你找到了~a, abbr, b, base, body, br, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, head, hr, html, i, img, li, li

2012-03-17 17:00:19 608

转载 <!–[if lte IE 6]>……<![endif]–>

IE下判断IE版本的语句:[if lte IE 7]...[endif]今天刚好看到有朋友问及此语法，所以特地找来相关资料与大家分享，希望能有所帮助：……Ite：less than or equal to意思是小于或等于IE6浏览器，用于IE浏览器的条件注释，常用于CSShack，针对IE的JS等。在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。

2012-03-17 15:55:00 400

原创 overflow:scroll;在ie和ff中的不同表现

今天无聊，以前只是知道高宽对行内元素无效，想验证margin和padding对它有木有效……结果是肯定的。可能不管是行内还是块级元素都离不开盒子模型把（个人才疏学浅，表述和理解难免有错误，但是姑且先记下来吧，便于日后总结）然后看到又这样一句话：作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应。。。。说实话我布局练习做的

2012-03-16 22:59:26 2378 1

转载 CSS中关于clearfix对float的使用

CSS中关于clearfix对float的使用使用float时出现的问题一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。这是一个浮动在红框的层中的一个层style="border:1px solid green;float:left;color:green;"这是红框的层中的内容解决的方法

2012-03-16 22:09:41 848 1

解决IE兼容问题是比较头疼的问题，无论你是新入门的菜鸟还是久经考验的职业行家，兼容问题，特别是IE，IE6会让你非常头疼。很多时候，div CSS在IE下的解析十分奇怪，一个比较经典的bug就是设置border的时候，有时候border会断开，刷新页面或者滚动滚动条的时候，断掉的部分又会连接起来。这些问题的根源很多时候来源于IE的一个特有属性：hasLayout。hasLayout是一个非常有意思

2012-03-16 21:59:00 1646

原创不用通用选择器*｛margin:0; padding:0;｝应该注意的问题

前几天看了一篇文章，说的是关于使用通用选择器*｛margin:0; padding:0;｝的弊端：会初始化所有的标签，这样就会占据很多资源。。当然解决的办法就是用像这样body,div,ul,li,a,{padding:0; margin:0;} 。。仅仅初始化需要用到的标签。今天使用了这一招，结果因为习惯行的遗忘，导致很多地方出现莫名其妙的空白边。。。百思不得其解。。。最后用firebu

2012-03-13 14:23:52 1194

原创 ul 和 li 到底是神马关系

不懂=====================所以先mark了===========接触html和css也有些时日了，但是很多简单的东西就是想不明白，在制作导航的练习中，我们经常这样写：#nav ul{width:960px;height:35px;list-style:none;/*清楚列表前面的大黑圆点*/}#nav ul li{float:le

2012-03-09 17:19:40 1393

转载 PS设计具有现代气息的web站点

PS设计教程:整洁的具有现代气息的web站点2011-3-2 17:58:34 上传下载附件(29.63 KB)这个Photoshop web设计的教程中，我们将学习设计一个整洁的具有现代气息的web站点。这是设计和HTML/CSS模板转换系列教程的第一部分。第一部分:《用Photoshop设计一个小型、现代的产品主页》第二部分:

2012-03-09 12:33:41 2185

转载 15条CSS编写常识

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义

2012-03-09 11:59:09 341

转载一不小心了解了行间距的真相.

众所周知的一个垂直居中实现方式(其他的暂不讨论)..高度给定的元素, 其内部单行文本垂直居中的一种实现方式为: 给当前定高元素, 设置line-height属性, 其属性值等于当前元素的height值.今天了解到了一条相关知识, 明白这个方法的实现原理.我们常说的单倍行距, 双倍行距等等, 主观上认为是line-height设置的值, 如果量一下实际的效果, 会发现, 两行

2012-03-09 11:38:12 1467

转载初入行Web前端开发新手必读

公司招了几个刚毕业的学生，作为重构的新手让我来带。首先感谢感谢党、感谢国家、感谢公司给了我这样的一个机会，对我工作的肯定和认可，让我带这样的一个重构团队，同时我也明白任务的艰巨，但我一定会将工作做好，不负公司对我的期望。（哈哈，好像从小到大，老师都是教育我们要这样先说的。）在网站的发展史上，初期的网站建设根本不需要网页重构这个职位，WEB1.0时代的网页，只需要程序员，一堆堆的表格

2012-03-09 10:49:48 1137

原创关于相对路径的疑问

内嵌式css:.navMenu{....background-image: url(file:///C|/Users/zxlee/Desktop/pr/vril/images/hdMenuBg.jpg);.......}转换成相对路径background-image: url(./images/hdMenuBg.jpg);只有一个点，好像昨天写了一段代码，不过是导入

2012-03-01 16:07:32 510

zxleezx的专栏