郑州网建-前端开发_郑州网建

最近的文章列表

解决IE6下DIV无法实现1px高度问题: 本文和大家重点讨论一下IE6.0下DIV不能实现1px高度的几种解决方法，高度为1px的DIV在IE6里不管用，因为IE6中的DIV默认有个最小字体高度，DIV的最小高度就是这个高度，即使设置了height:1px,DIV显示出来的高度也不是1像素。IE6.0下DIV不能实现1px高度的几种解决方法在设计网页时，有时我们需要一个1px高度的细线，但IE6有个bug，高度为1px的DIV在IE6里不管用。这是因为IE6中的DIV默认有个最小字体高度，DIV的最小高度就是这个高度，即使设置了height:1px,DIV显示出来的高度也不是1像素。解决方法有如下几种：◆1,网上都说多加一个font-size=0px；的属性可以实现．以下为引用的内容： <styletypestyletype=; 2012/2/2 Comments:Html IE6

css选择器命名规则:差异及可能产生的问题: css选择器命名规则:差异及可能产生的问题,W3C CSS2.1的 4.1.3 节中提到：标识符（包括选择器中的元素名，类和ID）只能包含字符[a- zA-Z0-9]和ISO 10646字符编码U+00A1及以上，再加连字号（-）和下划线（_）；它们不能以数字，或一个连字号后跟数字为开头。它操作系统版本：Windows 7浏览器版本：IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev受影响的浏览器：所有浏览器.经常讲到css选择器命名规则，其实不只是在团队合作基础上来讲这个，每个浏览器,IE产品，火狐，苹果，谷歌，都会因为命名不规范会产生不同样式..一、关于选择器的命名W3C CSS2.1的 4.1.3 节中提到：标识符; 2012/2/2 Comments:CSS IE6

data类型的Url格式--url(data:image/gif;base64,AAAA)：把小数据: 所谓"data"类型的Url格式，是在RFC2397中提出的，目的对于一些小的数据，可以在网页中直接嵌入，而不是从外部文件载入。例如对于img这个Tag，哪怕这个图片非常非常的小，小到只有一个点，也是要从另外一个外部的图片文件例如gif文件中读入的，如果浏览器实现了data类型的Url格式，这个文件就可以直接从页面文件内部读入了。data类型的Url格式早在1998年就提出了，时至今日，Firfox、Opera、Safari和Konqueror这些浏览器都已经支持，但是IE直到7.0版本都还没有支持，IE不支持的东西太多了，也不差这一个。:(小例子下面这个html代码可以在支持data类型Url的浏览器中运行，例如Firefox。运行后会看到一条蓝色渐变底色的标题。<; 2011/11/4 Comments:Html HTML5 datauri

CSS精灵图片(CSS sprite)使用心得: 提高网页显示速度最有效的一个方法是减少页面的HTTP请求次数，为了减少HTTP请求次数，最直接有效的方法是使用精灵图片（CSS sprites），精灵图片是把许多图片放到一张大图片里面，通过CSS来显示图片的一部分。本文的目的不是阐述精灵图片如何让网页下载更快，而是介绍在创建精灵图片时的一些实战经验。下面是一张精灵图片不要等你完成所有工作后再开始使用CSS精灵在网站全部完成后，你的CSS和图片也都已经创建好了，这时候你再使用CSS精灵，也就意味着你要返回重写CSS，并且还要把用到的一大堆图片再丢到Photoshop里拼合成一张图片，这是非常痛苦和乏味的。如果在刚开始构建页面时就着手使用CSS精灵，那么一切都会变得简单。按图片显示相反的方向放置图片这一条有点难以理解，我是在创建一张大的精灵图; 2011/9/25 Comments:CSS

Web前端-HTTP Cache-control ETag保鲜期 + 自定义标识验证: HTTP协议分别在 1.0 / 1.1 两个时代推出了 Expires / Cache-control 两种cache策略，这里我们无需了解全部的细节，无需记住整个RFC内容,但是当我们需要使用HTTP cache策略时，我们需要注意以下细节：Expires 是HTTP 1.0 那个时代的东西了，目前来看，可以不使用了，因为HTTP 1.0 的user agent占有率在 0.1% 以下（我们主要面向的web浏览器均默认使用HTTP 1.1）,Cache-control 是 HTTP 1.1 的新特性，也是我们主要做文章使用cache策略的工具.Cache策略：#1 保鲜期only 这个是最最基础的一种策略，只需要在响应头中设定：Cache-control: max-age=[secs][s; 2011/6/23 Comments:Html

HTTP头的Expires与Cache-control: 1.概念Cache-control用于控制HTTP缓存（在HTTP/1.0中可能部分没实现，仅仅实现了Pragma: no-cache）数据包中的格式：Cache-Control: cache-directivecache-directive可以为以下：request时用到：| "no-cache"| "no-store"| "max-age" "=" delta-seconds| "max-stale" [ "=" delta-seconds ]| "min-fresh" "=" delta-seconds| "no-tr; 2011/6/23 Comments:Html

关于CSS中@font-face 嵌入字体的用法客户端没有字体自动下载字体: font-family:的意思就是说，优先选择在前面的字体，比如微软雅黑，如果浏览者的电脑上没有安装这个字体，那么就采用Arial字体，以此类推，如果都没有，就使用最后一个sans-serif;也就是无衬线字体，这不是字体名，而是一类字体的称呼，雅黑近似地也属于sans-serif; 具体的你可以去找一下关于字体分类的知识。网页安全字体，也就是绝大多数系统中都有的字体大概有9种，没有的话就只能用近似的代替，还有一种@font-face，是CSS标记，可以下载服务器端字体，但问题比较多，有的浏览器不支持，而且下载速度很慢。另外还有用Flash实现的。 CSS手册中的介绍如下@font-face版本：CSS2 兼容性：IE4+ 语法： @font-face { font-family : na; 2011/6/21 Comments:CSS

CSS Sprites 样式生成工具 3.0(图片定位坐标): 这个可是我昨天无意间获得的，用了用还真是爽到家了呢，大家看了CSS Sprites是不是有些人会挠头不知道他是什么？不知道的话那这个工具你跟本是不会用到的呵呵。首先向大家先解释下什么是CSS Sprites：CSS Sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。按照yahoo的rules for high performance web sites的原则，应当较少Client与Server端间的HTTP Request次数。通过CSS Sprites方; 2011/6/20 Comments:CSS

JS中style属性: JS中style属性现在我需要对这个标签赋值，其内容为： 1、需要显示的字为HELLO WORLD； 2、span的 background-color : red ，另外还要：border:1px solid #333333;cursor:hand; 我需要在<script></script>内把他们赋值，请问怎么写呢？难道要： document.getElementById("a").style.background="red"; 来一项一项的写？能不能一下子把style写完啊，怎么写啊？解决办法：1、先定义一个CSS规则，然后this.className=’’2、document.getElementById("; 2011/5/23 Comments:JS Widget CSS

推荐12个漂亮的CSS3按钮实现方案: 在过去，我们都是使用图片或者JavaScript来实现漂亮的按钮效果，随着越来越多的浏览器对CSS3的支持和完善，使用CSS3来实现美观的按钮已没有太多的障碍。今天，本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。BonBon ButtonsZardiCSS3 Buttons With Simple MarkupFancy Buttons10 Nice CSS3 ButtonsCSS3 Animated Bubble ButtonsSuper Awesome Buttons with CSS3 and RGBAPretty CSS3 ButtonsGitHub-Style CSS3 ButtonsWe Love ButtonsSexy ButtonsRealistic CSS3; 2011/5/16 Comments:CSS

豫ICP备10013645号 Copyright 2009-2022 camnpr.com

关于我们 - 广告合作 - 免责声明 - 投诉建议