-
CSS教程:CSS id和CSS class区别与用法2012-05-16网页制作文章简介:css中id和class的运用。 简单介绍CSS id与CSS class区别与用法。CSS id知识:在一个网页里ID只能使用一次。当然即使一个id在一个网页内被使用多次,其CSS样式仍然可以实现生效,但是一般规定W3C标准是使用一次。因为ID在html里可以赋予html标签特殊的属性如一..【阅读全文】
-
Javascript实例:JS函数实现随机颜色2012-05-16网页制作文章简介:随机颜色。 function randomcolor(){var colorvalue=["0","2","3","4","5","6","7","8","9","a","b","c","d","e&q..【阅读全文】
-
CSS学习教程:@font-face2012-05-16网页制作文章简介:@font-face 是CSS中的一个功能,它允许在网页中显示指定的字体,即使用户的电脑中没有安装该字体。这就意味着设计师和开发人员可以不用考虑web安全字体,如预装在用户电脑中的,Arial、Time New Roman、Verdana 和 Trebuchet等字体。 @font-face 是CSS中的一个..【阅读全文】
-
采用敏捷的响应式Web设计 跳出瀑布式开发模式2012-05-16网页制作文章简介:采用敏捷的响应式Web设计,可以将你从瀑布模式中解放出来。它将简化你的设计和开发工作,让你的工作更有效率,并在所有可能的平台上最大化宣传你的品牌形象。真正的挑战是跳出瀑布式开发模式而成为一个响应式设计团队。但只要按照以上的五个步骤去做,你就会与..【阅读全文】
-
Javascript教程:优化JS代码的循环2012-05-16网页制作文章简介:结束语:在测试过程中发现非IE浏览器下,优化后和优化前的效率差距并不是很大,甚至可以忽略,这说明这些浏览器的JS引擎对循环做了很好的优化,对开发者是非常友好的表现,无奈IE6、7、8下差距很明显,但这符合我们预期。因此,赶快对JS代码中的对循环进行优化..【阅读全文】
-
CSS实例教程:CSS指针2012-05-16网页制作文章简介:什么是CSS指针?这里指针是指属于与被属于的关系 如.yangshi .yangshi_a{...} 什么是CSS指针?这里指针是指属于与被属于的关系 如.yangshi .yangshi_a{...}对于yangshi_a是yangshi 指向的样式我们可以作1个实验来理解此CSS 指针 是什么原CSS div样式.yangshi{ ..【阅读全文】
-
CSS实例教程:IE6绝对定位错位问题的解决方案2012-05-16<!doctype html> <html> <head> <meta charset="utf-8" /> <title>测试模型</title> <link href="css/test.css" type="text/css" rel="styl..【阅读全文】
-
CSS学习教程:CSS对网页图片img的控制2012-05-16网页制作文章简介:CSS学习教程:CSS对网页图片img的控制. 这里为大家介绍的是DIV CSS对img图片控制。我们常常会遇到以下情况:1、img图片多了边框,特别是链接后的图片带边框2、图片超出撑破DIV下面我们通过CSS来解决这2个问题。1、img图片多了边框,特别是链接后的图片带边框根..【阅读全文】
-
CSS学习教程:CSS父级和CSS子级2012-05-16网页制作文章简介:简单讲CSS父级 CSS子级是相对而言,如一个DIV “A”被另外一个DIV “B”包裹着,这样我们就可以让我B是A父级,同样一个道理。 什么是CSS父级子级?简单讲CSS父级 CSS子级是相对而言,如一个DIV “A”被另外一个DIV “B”包裹着,这样我们..【阅读全文】
-
CSS学习教程:display属性使用详细讲解2012-05-16网页制作文章简介:DIV CSS display (block none inline)属性的用法教程. 在一般的CSS布局制作时候,我们常常会用到display对应值有block、none、inline这三个值。下面我们来分别来认识和学习什么时候用什么值。这里通过CSS display知识加实例、图演示讲解方法来学习和了解DIV CS..【阅读全文】
-
CSS学习教程:CSS代码优化和CSS重用优化2012-05-16网页制作文章简介:CSS学习教程:CSS代码优化和CSS重用优化. 为大家介绍简单的CSS优化。涉及优化内容:1、CSS代码优化2、CSS重用优化一、CSS代码优化地方:1、border(CSS边框)简写:border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-ri..【阅读全文】
-
FireFox插件Firebug:网站前端开发的工具2012-05-10网页制作文章简介:Firebug是Firefox下的一款开发类插件,现属于Firefox的 五星级强力推荐插件之一。它是一个用于网站前端开发的工具,它可以调试JavaScript、查看DOM、分析CSS、监控网络流量以及进行Ajax交互等。提供了几乎前端开发需要的全部功能。 Firefox的五星级推荐插件Fir..【阅读全文】
-
IE Developer Toolbar:快速分析Web页面2012-05-10网页制作文章简介:微软IE Developer Toolbar是微软专门为Web开发人员设计的一款免费产品,该产品让开发人员能够深入探索和理解Web页面,帮助开发者更好地创建Web应用。安装后可以在IE中快速分析网页的软件。该工具条可集成在IE窗口,或以浮动窗口形式存在。 微软IE Developer Too..【阅读全文】
-
网页制作技巧:float和clear的问题2012-05-10网页制作文章简介:请教关于float和clear的问题。 <html>< head>< title>test</title>< style type="text/css">body,div{margin:0; padding:0; }.one{width:100px; height:30px; background:#900; float:left; clear:right;}.two{width:..【阅读全文】
-
CSS3实例教程:transitions测试学习2012-05-10<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type&quo..【阅读全文】
-
CSS有趣实例:让整个网页翻转效果2012-05-10园子博客翻转后的效果展示其原理是让 IE 浏览器用户用滤镜实现网页的翻转效果,非 IE 浏览器用户通过 CSS3 实现网页水平的翻转。 【阅读全文】
-
网页设计工具:WEBJX收集27款web前端开发工具2012-05-10网页制作文章简介:网页设计工具:WEBJX收集27款web前端开发工具。 1.Firebug http://getfirebug.com/最流行的前端开发工具2.HttpWatch http://www.httpwatch.com/集成在IE和Firefox上的监听HTTP和HTTPS的工具3.Fiddler http://www.fiddler2.com/fiddler2/Fiddler是一个记录你电脑..【阅读全文】
-
CSS网页实例:适合所有项目通用的reset.css2012-05-02网页制作文章简介:另一个是用于特定项目的“reset”,自定义修改的内容,这些内容可以放在layout.css、typography.css之类的文件中,他们共同导入到一个base.css形成一个项目的基础样式。本文就是来介绍如何写一个合适所有项目的通用的reset.css,以及介绍在设置玩reset.css之后..【阅读全文】
-
CSS实例教程:把title给显示出来参与页面布局2012-05-02网页制作文章简介:显示一些如title/meta之类的特殊元素。 title代表的是页面的标题,很多时候跟h1的内容是一样的。我在写页面的时候感觉总是重复一次很麻烦,于是就索性把h1给删了,把title给显示出来参与页面布局,这样整个页面就有趣多了代码很简单head,title{display:block;}..【阅读全文】
-
网页制作技巧:数据过多时不会影响页面布局2012-05-02网页制作文章简介:网页制作技巧:数据过多时不会影响页面布局. 着网站的迅速发展,对用户交互体验需要也越来越高,web前端开发者需要考虑更多,怎样通过前端的控制,让用户数据更高效的显示。要达到的目标是:数据过多时,不会影响页面布局解决方法:1,在不影响布局的情况下,可..【阅读全文】
共 1053 条记录┊当前页次:1/53┊20条/页