首页> 关键字 >CSS
  • CSS3下的菜单效果 <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Language</a> <ul> <li><a href="#">Java</a></li> <li><a href="http:/..【阅读全文】
  • CSS+DIV画表格(table)进行网页排版(转)以往传统网页设计都喜欢使用table(表格)來建构网页,這樣的建构方式对于网页整体排版來讲并沒有太大的问题,可以完美相容于各个浏览器。但是時代在进步,还在用table排网页感觉就有点过时了。会这样说并不是想引起table和div之战,而是想要说对于网页的维护,table表格是比较麻烦..【阅读全文】
  • IE10 CSS hack 整理自:http://www.impressivewebs.com/ie10-css-hacks/中文原文: IE10 CSS hack请尊重版权,转载请注明来源,多谢~~传说Windows 8刚上市没几天就卖出了4000多万份,好厉害。然后我们就发现项目中很多页面在IE10中表现不正常了。有的是之前对各版本ie的hack引发的,有些不确定是..【阅读全文】
  • 推荐一个CssSprite软件大家好潜伏园子数载,吸取了大量的知识,但是从来没有付出,深表歉意。近期了解CssSprite优化技术带来便利甚是喜欢,结合网上资料本人自己写了一个图片合并及样式自动生成小工具,望大家喜欢及给出意见,个人万分感谢。下面就把使用过程给大家分享一下:执行后打开界面设定好要生..【阅读全文】
  • CSS伪类与CSS伪元素的区别及由来具体说明关于两者的区别,其实是很古老的问题。但是时至今日,由于各种网络误传以及一些不负责任的书籍误笔,仍然有相当多的人将伪类与伪元素混为一谈,甚至不乏很多CSS老手。早些年刚入行的时候,我自己也被深深误导,因为论坛里的帖子大多不关心这种概念的细微差别,即使有人出来说一句..【阅读全文】
  • 【css】单选框和复选框文字垂直居中问题<!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深入了解 好文章,百看不厌!----------------------------------------转载原文------------------------------------------------------曾几何时,display:inline-block 已经深入「大街小巷」,随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览..【阅读全文】
  • CSS的一些理解:对带有指定属性的 HTML 元素设置样式可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。 注释:Internet Explorer 7 (以及更高版本)在规定了 !DOCTYPE 的情况下支持属性选择器。IE6 及更低的版本不支持属性选择器。 属性选择器 下面的例子为带有 title 属性的所有元素设置样式: [title]{colo..【阅读全文】
  • CSS:background-position的用法说明语法: background-position : length || length background-position : position || position 取值: length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top | center | bottom | left | center | right 说明: 设置或检索对象的背景图像位..【阅读全文】
  • 【css】利用小数解析差异解决浏览器兼容性问题<!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..【阅读全文】
  • HTML基础:DIV+CSS常见面试题1.超链接访问过后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折叠效果折纸效果是最近触摸屏幕最流行的一个3D效果,工作原理很简单,只需要轻轻触摸屏幕,它就会直接影响到即将显示出来的内容。这种独特的显示方式绝对可以让用户们眼前一亮!在我们的GBin1网站上,曾经共享过几篇关于折叠效果的设计文章,有兴趣的朋友可以阅读一下。今天我们带来了更..【阅读全文】
  • CSS3教程收集分享:具有动画过渡效果的CSS教程网页制作文章简介:CSS3教程收集分享:具有动画过渡效果的CSS教程. 今天我们分享出了18个优秀的具有动画过渡效果的CSS3详细教程。CSS3让一切变得更加容易和高效,它改变了很多旧的WEB开发技术,在目前网络高速发展的当下,更好的为网页设计师来做后期的维护提供的便利。随着这一过..【阅读全文】
  • 超酷的CSS3列表动画特效在线生成工具 - liffect在线调试还记得我们曾经介绍过的开源CSS3动画CSS文件animate.css吗?使用它能够帮助你快速的编码CSS3动画效果。当然,如果你不喜欢自己编写CSS3动画效果代码的话,今天我们将介绍的另外一个在线代码生成工具liffect肯定会成为你的最爱。liffect是一个在线的列表动画生成工具,能够..【阅读全文】
  • CSS实例代码:控制网页宽度和高度的CSS实例代码网页制作文章简介:CSS中控制页面最大最小宽度和高度 (兼容IE6版本)。 /* 最小宽度 */.min_width{min-width:300px;/* sets max-width for IE */_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");}/* 最大宽度 */.max_width{max-wi..【阅读全文】
  • CSS3教程:Transform的perspective属性设置style="-webkit-transform: rotateY(40deg) perspective(400px);"> 如果大家不清楚,请听我娓娓道来。CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持,IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Tra..【阅读全文】
  • 响应式布局该怎么设计?CSS3 Media Query实现响应布局网页制作文章简介:响应式布局的小事就这么多,如你有好的补充意见或不同的见解,可以联系我,我们一起探讨这件小事…… 讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动..【阅读全文】
  • CSS3属性border-radius不仅仅是圆角的实现网页制作文章简介:border-radius不仅仅是圆角。 border-radius,国内翻译成圆角,你可能以为这个属性就是用来画圆角,没错,但是除此之外,它还可以做点别的事情。radius其实指的是边框所在圆的半径,这个CSS3属性不仅能够创建圆角,还可以创建椭圆角(如图下图第7),把这些角..【阅读全文】
  • Eric Meyer和YUI 的 css reset网页制作文章简介:Eric Meyer和YUI)的 css reset /* Normalizes margin,padding */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0}/* Normalizes font-size for headers */h1,h2,h3,h4,h5,h6 { font-size:100..【阅读全文】
  • CSS学习教程:display:none和visibility:hidden网页制作文章简介:display:none和visibility:hidden这两个属性对应的值都是隐藏对像,但是它们隐藏对像有点区别。 display:none和visibility:hidden这两个属性对应的值都是隐藏对像,但是它们隐藏对像有点区别。display:none:1、如果在样式文件或页面文件代码中直接用display:no..【阅读全文】
共 1205 条记录┊当前页次:4/61┊20条/页