• 自适应网页设计:自适应网页设计技巧2012-06-18移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素..【阅读全文】
  • 网页技巧:模拟百度搜索结果网站小图标2012-06-18网页制作文章简介:小tip: 外链地址网站标志图标API应用。 一、问题引导我们经常会用到分享功能,把内容或链接分享到具有SNS性质的网站,如人人,豆瓣之类。 为了增强标示性,降低理解成本,我们都会使用这些网站的标志图标(类似浏览器地址栏或标签页前面小图标)。那么提问:你..【阅读全文】
  • CSS网页制作:inline-block2012-06-18.space a { display: inline-block; padding: .5em 1em; background-color: #cad5eb;}<div class="space"> <a href="##">惆怅</a> <a href="##">淡定</a> <a href="##">热血</a></div>..【阅读全文】
  • WEBJX收集的25个CSS3按钮和CSS3菜单设计教程2012-06-18网页制作文章简介:基于HTML5的Web设计将成为今后的主流,你可以使用CSS按钮/菜单来代替传统上的图片按钮/菜单,在拥有漂亮效果的同时,还可以节省加载图片的时间,增强用户体验。 随着Web技术的发展,Web标准已经得到了逐步改善,现在HTML5正逐渐成为Web开发的主导技术。 本文为..【阅读全文】
  • 面向对象的css:团队协作开发规范和按结构划分模块2012-06-18网页制作文章简介:面向对象的css有两个主要原则:separate the structure from the skin,separate the container from the content。第一个原则体现在模块化思想可以理解为,模块的设计制作和布局框架本身相分离,意味着你的模块不能只为某个布局而编写样式,像微博这类存在换肤..【阅读全文】
  • CSS3教程:介绍各种已经存在和现代的 CSS 技术2012-06-13网页制作文章简介:级联样式表非常简单,也就是 (X)HTML 网页之上的分层设计。使样式表 “级联”,这样您就可以跨站点应用它 — 也就是说,将样式应用到网站,它就会自行应用到每个网页的每个元素。 级联样式表非常简单,也就是 (X)HTML 网页之上的分层设计。使样式表 “级..【阅读全文】
  • CSS属性影响文字选择范围和网页文字选择的可用性2012-06-13网页制作文章简介:不同CSS布局实现与文字鼠标选择的可用性. 一、文字选择的可用性我们平时因为A原因或B原因,需要复制web页面上的文字内容。常见的操作就是按住鼠标,选中要复制的文字区域,抬起鼠标按键,目标区域的文字就选中了。不知你知不知道,有些看山去OK的CSS布局实际影..【阅读全文】
  • CSS边距属性定义:用margin还是用padding2012-06-13网页制作文章简介:用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时..【阅读全文】
  • IE6/IE7不识别display:inline2012-06-13网页制作文章简介:ie6,ie7的haslayout属性是个让人头疼的问题。在做导航条的时候,一般会用到ul li结构,大多数时候我们是把li设置为浮动,让其并排显示在同一行。还有一种方法就是设置li为display:inline;这样可以达到同样的效果,但是问题是inline元素的特性:默认无法设置. ..【阅读全文】
  • CSS3网页设计实例:WEBJX收集30个创意的网站设计实例2012-06-13网页制作文章简介:30 个创新的 CSS3 Web 网站设计实例. 还有什么开发离得开 Web 吗?桌面应用和Web应用的界限越来越模糊,甚至手机应用和Web应用也越来越模糊。制作出一个漂亮而且吸引人的网页让人惊叹。每天都有大量的富有创意和美丽的设计。 CSS3 摆脱了网页设计的所有限制。..【阅读全文】
  • 前端CSS代码规范:19楼前端CSS代码规范2012-06-13 /* *@Description: public common css (可写中文) *@Author: sev7n *@Update: sev7n(2011-08-09 17:22) */ 1.2、CSS代码注释规范请参考UED前端注释规范.docx 文件2、 编码目前19楼页面主要使用gb2312编码,请注意保持CSS文件编码与页面编码一致(不要将CSS文件设置为..【阅读全文】
  • background-attachment属性2012-06-08网页制作文章简介:请问background-attachment: initial;是什么意思. 问:请问background-attachment: initial;是什么意思initial是最初的意思,但background-attachment的值可以有scroll、fixed、local,没见过initial这个值,不知道什么意思。答:scroll 默认值。背景图像会随..【阅读全文】
  • CSS网页制作教程:负margin制作自适应左右布局2012-06-07网页制作文章简介:当margin四个值都为正数值的话,那么margin按照正常逻辑同周围元素产生边距。当元素margin的top和left是负值时会引起元素的向上或向左位置移动。而当元素margin的bottom和right是负值时会影响右边和下边相邻元素的参考线。 刚刚开始学习css的时候,我采用了flo..【阅读全文】
  • CSS有趣代码:远离IE6毁灭IE6抵制IE62012-06-07网页制作文章简介:全民行动抵制IE6,珍惜生命远离IE6、毁灭IE6从我做起.... 全民行动抵制IE6,珍惜生命远离IE6、毁灭IE6从我做起....抵制IE需要你的参与,你只要把<div class="IE">....</div>及相关的CSS这段加到你的网站页面body里面,再把你网站上所有的内..【阅读全文】
  • CSS3实例教程:盒子模型实例代码2012-06-07@charset "utf-8";/* CSS Document */body{margin:0 auto;width:1000px;height:1000px;font-size:12px;}.div1 {width:400px;height:450px;margin-left:10px;margin-top:100px;margin-left:250px;}font {font-weight:bold;font-size:18px;font-family:"楷体";}..【阅读全文】
  • CSS3的自定义字体@font-face2012-06-07网页制作文章简介:CSS3 icon font完全指南。 大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon,我们就可以尝试使用font来实现,本文将详细讲解这种用法。为什么要将icon做成..【阅读全文】
  • CSS3中的单位和浏览器的支持情况2012-06-07网页制作文章简介:理解css中的长度单位. 很基础的一个问题,但是,其实看起来很复杂的样子~~我们来捋一捋吧~~css3中也对css中用到的单位进行了改进,单位也就是那几个,所以我们要搞清楚再用。 %——百分比 in——寸 cm——厘米 mm—..【阅读全文】
  • CSS雪碧图的尺寸要优化好将雪碧图权重做分离2012-06-07网页制作文章简介:CSS雪碧图会占用太多浏览器内存吗? 可能是某篇微博的关系,今天有人来评论说,使用雪碧图,内存会暴涨的。。。这个问题讨论的也蛮多了,那,到底,使用雪碧图后,会占用很多内存吗?实验:下午做了个简单的实验,用99个128px*128px的png 32图片,写了三个页面..【阅读全文】
  • CSS3实例教程:CSS3制作玻璃瓶里的水母2012-06-07网页制作文章简介:CSS3实现四叶草、水母与玻璃瓶。 下为纯CSS制作,闲话不说,上个效果图先:玻璃瓶质感、四叶草漂浮于水面,荡起涟漪、摇摆上升的气泡…很美的意境,然而你也许会说你喜欢瓶子不喜欢四叶草,那可以把四叶草给none掉,不喜欢植物的话,那你喜不喜欢动物呢..【阅读全文】
  • CSS的Margin属性:详解margin属性2012-06-07网页制作文章简介:谈到CSS中的Margin,不得不知道的内容. 你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏..【阅读全文】
共 1231 条记录┊当前页次:8/62┊20条/页