• CSS伪类与CSS伪元素的区别及由来具体说明2012-12-10关于两者的区别,其实是很古老的问题。但是时至今日,由于各种网络误传以及一些不负责任的书籍误笔,仍然有相当多的人将伪类与伪元素混为一谈,甚至不乏很多CSS老手。早些年刚入行的时候,我自己也被深深误导,因为论坛里的帖子大多不关心这种概念的细微差别,即使有人出来说一句..【阅读全文】
  • 如何实现整个页面垂直和水平居中2012-12-10font-size:40px;color:#FFFFFF;background:#000000;font-weight:bold; border:1px solid #000; } </style></head><body> <div id="div1">我居中了吗?</div> </body></html>这段代码并不能完美的实现整个页面的垂直居中,..【阅读全文】
  • 【css】单选框和复选框文字垂直居中问题2012-12-10<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>css-checkbox-radio-vertical-align</title> <link rel="stylesheet" type="text/css" href="css/base.css" media="all"/> <style type="text/css"> bo..【阅读全文】
  • css display:inline-block深入了解2012-12-10 好文章,百看不厌!----------------------------------------转载原文------------------------------------------------------曾几何时,display:inline-block 已经深入「大街小巷」,随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览..【阅读全文】
  • CSS的一些理解:对带有指定属性的 HTML 元素设置样式2012-12-10可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。 注释:Internet Explorer 7 (以及更高版本)在规定了 !DOCTYPE 的情况下支持属性选择器。IE6 及更低的版本不支持属性选择器。 属性选择器 下面的例子为带有 title 属性的所有元素设置样式: [title]{colo..【阅读全文】
  • 经典网站设计:10个独具创意的网站头部设计示例2012-12-10分享45个非常漂亮的网站底部设计推荐25佳漂亮的网站底部设计案例33个优秀的网站底部设计案例欣赏分享25个优秀的网站底部设计案例20佳极具创意的网站导航菜单设计 designc7.com首先推荐的这个网站是来自国内设计师设计的英文个人网站。作者充分发挥自己的专业特色,以 CSS 样式的文..【阅读全文】
  • 【css】利用小数解析差异解决浏览器兼容性问题2012-12-10<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>decimal</title> <style type="text/css"> body{font-family:SimSun;text-align:center;} p{margin:20px;height:30px;} .font11-9{font-size:11.9px;} .font1..【阅读全文】
  • CSS:background-position的用法说明2012-12-10语法: background-position : length || length background-position : position || position 取值: length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top | center | bottom | left | center | right 说明: 设置或检索对象的背景图像位..【阅读全文】
  • 了解border-collapse的用法2012-12-10每次写表格的时候,都没有注意表格框是否是单一的,即使是单一的也不知道是怎么实现的,特别神奇,好像自动就成了想要的样式。今天写的时候,没有发生这样的神奇的事,所以第一次这样真正的了解到表格的 css 中的border-collapse属性。用法如下:table { border-collapse:collapse..【阅读全文】
  • HTML基础:DIV+CSS常见面试题2012-12-051.超链接访问过后hover样式就不出现的问题?被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A(link-visited-hover-active)2.IE6的双倍边距BUG例如:<style type="text/css">body {margin:0}div { float:left; margin-l..【阅读全文】
  • CSS赏析:令人的惊叹的CSS3折叠效果2012-12-05折纸效果是最近触摸屏幕最流行的一个3D效果,工作原理很简单,只需要轻轻触摸屏幕,它就会直接影响到即将显示出来的内容。这种独特的显示方式绝对可以让用户们眼前一亮!在我们的GBin1网站上,曾经共享过几篇关于折叠效果的设计文章,有兴趣的朋友可以阅读一下。今天我们带来了更..【阅读全文】
  • CSS3教程收集分享:具有动画过渡效果的CSS教程2012-11-26网页制作文章简介:CSS3教程收集分享:具有动画过渡效果的CSS教程. 今天我们分享出了18个优秀的具有动画过渡效果的CSS3详细教程。CSS3让一切变得更加容易和高效,它改变了很多旧的WEB开发技术,在目前网络高速发展的当下,更好的为网页设计师来做后期的维护提供的便利。随着这一过..【阅读全文】
  • 超酷的CSS3列表动画特效在线生成工具 - liffect2012-11-20在线调试还记得我们曾经介绍过的开源CSS3动画CSS文件animate.css吗?使用它能够帮助你快速的编码CSS3动画效果。当然,如果你不喜欢自己编写CSS3动画效果代码的话,今天我们将介绍的另外一个在线代码生成工具liffect肯定会成为你的最爱。liffect是一个在线的列表动画生成工具,能够..【阅读全文】
  • CSS实例代码:控制网页宽度和高度的CSS实例代码2012-11-16网页制作文章简介:CSS中控制页面最大最小宽度和高度 (兼容IE6版本)。 /* 最小宽度 */.min_width{min-width:300px;/* sets max-width for IE */_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");}/* 最大宽度 */.max_width{max-wi..【阅读全文】
  • CCS3实例教程:rotate和rotateX2012-11-16网页制作文章简介:这样也就可以解释为什么perspective为什么要放在transform的第一位了。 我觉得CCS3的transform中的学问很深,可以出不少面试题了,之前的文章谈到过perspective属性的位置问题,我们今天看看rotate的顺序,首先看看下面两个CSS3的keyframe动画:两个动画的起始..【阅读全文】
  • CSS3教程:Transform的perspective属性设置2012-11-16style="-webkit-transform: rotateY(40deg) perspective(400px);"> 如果大家不清楚,请听我娓娓道来。CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持,IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Tra..【阅读全文】
  • 分享20个制作精美的作品集网站案例2012-11-13网页制作文章简介:经典网页设计:20个值得关注的创意作品集网站示例. 作品是展示个人才能的最佳方式,像设计,摄影这些创造性的职业特别需要有个人作品集网站,让你以个性方式展示自我并呈现你的作品给读者和潜在的客户。同时,这些网站中汇集的优秀设计作品和教程也是其它人获..【阅读全文】
  • 响应式布局该怎么设计?CSS3 Media Query实现响应布局2012-11-13网页制作文章简介:响应式布局的小事就这么多,如你有好的补充意见或不同的见解,可以联系我,我们一起探讨这件小事…… 讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动..【阅读全文】
  • z-index属性在不同浏览器下兼容性的认识2012-11-08这里要讨论的是最近在项目上对z-index在ie6下自己的一个认识,希望能帮助在z-index兼容上遇到问题的同行一个参考。 z-index这个属性其实在挺多地方都会用到,在百度上搜索也有大量关于z-index的篇幅去阐述这个属性,特别是在ie6下的z-index处理有更多的相关文章,本文就不再围绕..【阅读全文】
  • CSS3属性border-radius不仅仅是圆角的实现2012-11-08网页制作文章简介:border-radius不仅仅是圆角。 border-radius,国内翻译成圆角,你可能以为这个属性就是用来画圆角,没错,但是除此之外,它还可以做点别的事情。radius其实指的是边框所在圆的半径,这个CSS3属性不仅能够创建圆角,还可以创建椭圆角(如图下图第7),把这些角..【阅读全文】
共 1231 条记录┊当前页次:5/62┊20条/页