• CSS3实例教程:hover、active和:focus伪选择器2012-07-24网页制作文章简介:CSS3实例教程:hover、active和:focus伪选择器。 CSS3的伪类选择器就是多,今天我们来学习新的伪类选择器——UL状态伪类选择器。这些选择器都有一个共同的特征名那就是定义的样式只有当元素处于某种状态下时才起作用,在默认状态下无效。 今天我们先..【阅读全文】
  • CSS网页制作教程:浏览器与CSS选择器对应表2012-07-15 CSS 2.1 ↓ Selector / Browser → IE6 IE7 IE8 IE9 preview FF 3 FF 3.5 FF 3.6 Safari 3 Safari 4 Chrome 5 beta Opera Opera 10.5 beta ↑ Selector / Browser → IE6 IE7 IE8 IE9 preview FF 3 FF 3.5 FF 3.6 Safari 3 Safari 4 Chrome 5 beta Opera O..【阅读全文】
  • 网页设计资源分享:国外CSS和javascript教程2012-07-15网页制作文章简介:最新的Javascript和CSS应用技巧荟萃。 随着前端技术的发展,javascript和css在网站和web应用中展现出强大的统治力,特别是随着HTML5和CSS3的标准的成熟,我们可以使用javascript和css开发出你想都没有想到过的特效和动画,在今天的这篇文章中,网页教学网将介..【阅读全文】
  • CSS3网页制作教程:详解CSS3实现圆角代码2012-07-15网页制作文章简介:其实CSS3实现圆角的方法只需要设置一个属性:border-radius(边框半径),只要设置一个值就能同时设置四个圆角的半径。 其实CSS3实现圆角的方法只需要设置一个属性:border-radius(边框半径),只要设置一个值就能同时设置四个圆角的半径给你一个DIV 设置他的..【阅读全文】
  • 网页代码讲解:CSS实现圆角2012-07-15<style> div.bg{color:#fff;font-size:18px;font-weight:700;background:#ff3300;width:50%} b{display:block;} /*将所有b标签转成块级元素*/ div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#ff3300;} /*div标签内类名为topb/bottomb的那个b标签的cs..【阅读全文】
  • CSS学习教程:文本段落缩进text2012-07-10网页制作文章简介:高手请略过,网页教学网提供的这个小技巧教程适合初学CSS的人和网页制作的人,主要实现在段落的前面自动缩进两个字。 高手请略过,网页教学网提供的这个小技巧教程适合初学CSS的人和网页制作的人,主要实现在段落的前面自动缩进两个字。记得过去刚开始学习制作..【阅读全文】
  • CSS制作网页变色按钮:实例详解网页变色按钮2012-07-10网页制作文章简介:我们在做网页的时候,一般我们做网页按钮基本上都需要两张图片,一张正常状态的图片,一张按下去效果图片,做这种按钮思路就是,设置链接a的背景为第一张图片,a:hover的背景为第二张图片。 我们在做网页的时候,一般我们做网页按钮基本上都需要两张图片,一张..【阅读全文】
  • HTML5教程:浏览器的WebGL如何开启?2012-07-10网页制作文章简介:最近发现很多朋友无法运行HTML5的一些应用或游戏,经询问得知,大部分因为浏览器的WebGL没有开启所导致,那么我们如何开启WebGL呢? 最近发现很多朋友无法运行HTML5的一些应用或游戏,经询问得知,大部分因为浏览器的WebGL没有开启所导致,那么我们如何开启Web..【阅读全文】
  • 网页设计经验谈:WEBJX收集常用的网页设计工具2012-07-10网页制作文章简介:本人从事网页重构这一块,也有一些自己经常使用的工具,今天与大家分享一下网页教学网所用的工具,给大家做个参考,让有需要的人可以更有参考和选择的理由。我相信,每个人的选择都有他的理由的。以下的只是我的选择和排序。 常常会听到群里或论坛里讨论哪个..【阅读全文】
  • 动态的样式表lesscss:简单学习lesscss语法2012-07-10网页制作文章简介:lesscss 是动态的样式表语言,他让css增加变量,组合,函数,运算等语法。这个项目的网站在国内访问不到,大家都懂的。 lesscss 是动态的样式表语言,他让css增加变量,组合,函数,运算等语法。这个项目的网站在国内访问不到,大家都懂的。lesscss使用方法有..【阅读全文】
  • CSS3参考手册和CSS3代码生成工具加速你学习网页制作2012-07-10网页制作文章简介:通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新的技术,否则就有可能会被淘汰。 CSS3技术现在越来越成熟,..【阅读全文】
  • HTML+CSS网页制作实例:制作左上角卷角效果的网页2012-07-10网页制作文章简介:HTML+CSS网页制作实例:制作左上角卷角效果的网页. 英文原文 http://designshack.net/articles/css/code-a-simple-folded-corner-effect-with-css/这篇文章中我们将介绍如何制做paper左上角的卷角效果。我想让我的几句文字以一张有卷角折叠效果的纸为背景,如果..【阅读全文】
  • 网页教学网代码分享:干净简洁的网页列表代码2012-07-10网页制作文章简介:网页教学网代码分享:干净简洁的网页列表代码. 谁不希望有一个好看而又干净的网页列表?这篇文章中我们给出几个实用的例子,你可以把他们直接用到自己的工作中。我们从一个带有动画效果的垂直列表开始,接着是一个图文混排的例子,然后是一个只有图片的list例..【阅读全文】
  • CSS网页制作inline的应用2012-07-10.space a { display: inline-block; padding: .5em 1em; background-color: #cad5eb;}<div class="space"> <a href="##">惆怅</a> <a href="##">淡定</a> <a href="##">热血</a></div>..【阅读全文】
  • CSS实例学习教程:用CSS3绘制网页渐变背景2012-07-03网页制作文章简介:CSS3中绘制渐变背景. 火狐浏览器 :-moz-linear-gradient(起始点, 其实颜色, [中间颜色 百分比], 结束颜色)。起始点 :left top center bottom,可以组合。颜色 : ragba,如果是transparent则为透明。-moz-linear-gradient(center top, transparent, transpar..【阅读全文】
  • CSS3实例教程:变形属性transform实例讲解2012-07-03网页制作文章简介:CSS3有一个变形相关的属性,transform。 CSS3有一个变形相关的属性,transform。使用这个属性你可以进行 :translate(x, y); 移动元素的坐标。rotate(30deg); 旋转元素。scale(x, y); 缩放。skew(x, y); 元素的倾斜。以上操作默认是元素的中心点来进步变换的,..【阅读全文】
  • CSS网页制作实例代码:模拟新浪微博的三角图像2012-06-29网页制作文章简介:CSS网页制作实例代码:新浪微博的三角图像。 <!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&quo..【阅读全文】
  • CSS3.0实例教程:content属性使用实例介绍2012-06-29网页制作文章简介:在过去我们可以通过后端服务器程序截取或JS截取文字后加入省略号即可。 在过去我们可以通过后端服务器程序截取或JS截取文字后加入省略号即可。现在,我们的CSS3.0可以使用实现了!content属性: 如果我们想往段落p标签内部追加省略号只需要如下方式定义样式即..【阅读全文】
  • 网页制作教程:IE下div出现3个像素的Bug问题2012-06-21网页制作文章简介:IE下两个div之间会出现3个像素的Bug. 描述:IE下两个div之间会出现3个像素的Bug,这个bug是在当对一个div用了float元素时,而令一个div未使用时则会出现。解决方法:a.对另一个元素同时使用float; b.为不浮动的div添加一条语句:margin-right:-3px; 或者margi..【阅读全文】
  • CSS网页设计教程:link和@import外部引用CSS的区别2012-06-21网页制作文章简介:link与@import在外部引用CSS中的区别. link与@import在外部引用CSS中的区别1、老祖宗的差别link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS..【阅读全文】
共 1231 条记录┊当前页次:7/62┊20条/页