• CSS3实例教程:超炫的网页进度条2012-05-28网页制作文章简介:超炫、时尚的CSS3进度条。 时尚的CSS3进度条先看效果图,非常漂亮吧: HTML代码:<div class="progress-bar blue stripes"> <span style="width: 40%"></span></div> .progress-bar – 定义进度栏的常规样式..【阅读全文】
  • 响应式网页设计教程:展示响应式设计的基本原理2012-05-28第一步. Meta 标签 (查看 demo)为了适应屏幕,多数的移动浏览器会把HTML网页缩放到设备屏幕的宽度。你可以使用meta标签的viewport属性来设置。下面的代码告诉浏览器使用设备屏幕宽度作为内容的宽度,并且忽视初始的宽度设置。这段代码写在 <head>里面<![endif]--> ..【阅读全文】
  • CSS实用技巧:响应式Web设计CSS属性的运用2012-05-28网页制作文章简介:响应式设计的5个CSS实用技巧。 正如我在教程响应式Web设计三步走当中所讲的,响应式的Web设计其实并不难,但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简单的CSS属性,如min-widt..【阅读全文】
  • CSS网页制作教程:CSS语义化的类名2012-05-28网页制作文章简介:语义化的类名是如何炼成的? (译者注:你是否还在用”layout-985″”redBg”的类名?你是否很纠结定义什么类名? Chris Coyier提出了”描述而非定义”。他举例了一些常用的类名,是否语义化,给出了自己的判断和理由。但是在某..【阅读全文】
  • CSS教程:效果图切图前对网页美工图设计2012-05-25网页制作文章简介:DIV CSS制作前网页美工图设计要点. 这里为大家介绍一下DIV CSS制作前网页美工图设计要点:引入1、如果是网页美工设计与CSS切图不是同一人需要先出美工网页精确清晰的效果图2、美工设计需要注意什么呢?接下来由CSS5为大家介绍这里讲解基于PS(Photoshop)设计..【阅读全文】
  • 百分百背景图切图和CSS编写注意事项2012-05-25网页制作文章简介:百分百全屏背景注意要点-注意设计你网页美工图对应百分百背景图设计注意事项。 百分百全屏背景注意要点-注意设计你网页美工图对应百分百背景图设计注意事项。通常我们为了网页漂亮,对网页背景图片也进行设计与其主体内容区融合漂亮。这里有个设计美工图要注意..【阅读全文】
  • CSS实例教程:详解Padding属性2012-05-25网页制作文章简介:padding 属性是css用于在一个声明中设置所有 padding 属性的简写属性。 Padding属性包含了padding left :左补距离(设置距左内边距) ;padding top:头顶补距离(设置距顶部内边距);padding right :右补距离(设置距右内边距) ;padding bottom :底补距..【阅读全文】
  • DIV+CSS网页设计实例:网页背景文字图片居中2012-05-25网页制作文章简介:DIV+CSS网页设计实例:网页背景文字图片居中. 在DIV CSS布局的页面里,从布局内容到页面里文章文字居中都是非常重要的,而css来设置居中也是非常简单的。1、首先介绍使用css属性让整体布局的居中:设置对象的父级内容居中,这里一个页面的为父级是什么呢?我们..【阅读全文】
  • CSS学习教程:详解margin属性2012-05-25网页制作文章简介:margin 属性是css用于在一个声明中设置所有 margin 属性的简写属性,margin是css控制块级元素之间的距离, 它们之间是透明不可见的。 margin 属性是css用于在一个声明中设置所有 margin 属性的简写属性,margin是css控制块级元素之间的距离, 它们之间是透明不可..【阅读全文】
  • chrome浏览器不支持CSS设置小于12px的文字2012-05-25网页制作文章简介:解决Chrome谷歌浏览器不支持CSS设置小于12px的文字. 1、谷歌浏览器不支持设置CSS较小字体问题分析网页常常为了排版美观,会使用忽大或小的文字,通常font-size文字为12px(像素)文字。设置大于12px文字字体,各浏览器都能显示出CSS所设置文字大小效果。但是CS..【阅读全文】
  • IE9 line-height设置文字不能垂直居中原因2012-05-25网页制作文章简介:我们在IE9常常会遇见自己写的DIV CSS网页,文字有时不能垂直居中,究竟IE9 line-height设置文字不能垂直居中原因是什么? 我们在IE9常常会遇见自己写的DIV CSS网页,文字有时不能垂直居中,究竟IE9 line-height设置文字不能垂直居中原因是什么?IE9不支持line-..【阅读全文】
  • CSS基础教程:CSS控制超链接样式详解2012-05-25网页制作文章简介:本文将讲解通过css样式或通过css来控制超链接样式。这里主要讲文字类型的超链接,超链接的样式包括通过CSS来控制设置超链接有无下划线、超链接文字颜色等样式。 用CSS控制超链接样式-css超链接本文将讲解通过css样式或通过css来控制超链接样式。这里主要讲文字..【阅读全文】
  • CSS学习教程:学习CSS的宽度width2012-05-21网页制作文章简介:CSS学习教程:学习CSS的宽度width. CSS 宽度——CSS width一、宽度基础知识CSS 宽度是指通过CSS 样式设置对应div宽度,以下我们了解传统html宽度、宽度自适应、固定宽度等宽度知识。传统Html 宽度属性单词:width 如width="300";CSS 宽度属..【阅读全文】
  • CSS学习教程:制作网页中的虚线2012-05-19网页制作文章简介:CSS学习教程:制作网页中的虚线. 1、CSS边框虚线这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css height)和css 宽度(css width)为350像素是为了便于观看演示 其它意思。一、四边为虚线边框border:1px dashed #000; 黑色虚线边框实例:CSS..【阅读全文】
  • DIV+CSS网页设计实例:DIV实现网页Textarea效果2012-05-19网页制作文章简介:DIV+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"> <meta ht..【阅读全文】
  • CSS3实例教程:CSS3实现图片瀑布布局效果2012-05-17网页制作文章简介:以前就觉得,Chinaz中图片瀑布布局很好看,以前也看过别人实现的一些方法,大部分是用js实现的,今天试了一下,用CSS3简单的实现了类似的布局效果. 以前就觉得,Chinaz中图片瀑布布局很好看,以前也看过别人实现的一些方法,大部分是用js实现的,今天试了一下..【阅读全文】
  • CSS3+HTML5网页制作实例:网页播放器2012-05-17网页制作文章简介:CSS3绘制简单的播放器按钮. 相关文章:HTML5和css3实例:制作HTML5网页视频播放器最近开始学习html5+css3,练习下css3,绘制了几个播放器的按钮,有什么更好的建议,望大家指出……<!DOCTYPE> <html> <head> <meta cha..【阅读全文】
  • CSS3国外教程推荐:WEBJX收集国外实用的CSS3教程2012-05-17网页制作文章简介:在网站设计方面,CSS3可以说是拥有令人难以置信的潜力,它提供了很多设计上的新技术和高级功能,使创建网站变得更容易。随着CSS3的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。在本文中将分享18个优秀实用的CSS3教程,值得设计者们收藏。 在..【阅读全文】
  • 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..【阅读全文】
共 1231 条记录┊当前页次:9/62┊20条/页