当前位置:首页   >  技术文章列表  >  HTML/CSS

技术文章列表TOP

  /* 最小寬度 */   .min_width{min-width:300px;      /* sets max-width for IE */ &n...
日期:2013-09-09作者:Admin 点击:735
 作为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分 随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见。那么如何将Web页 面的“footer&rdq
日期:2013-03-23作者:Admin 点击:1194
手机QQ的聊天框很漂亮,包括好多短信交互框也做成类似的风格,各种效果,各种炫,至于不规则形状的那种(称为手绘风格),比较麻烦,这里使用CSS3新特性,border-radius,进行信息框交互内容的设计. border-radius样式用于制作圆角边框,通过像素,百分比等单位制定圆角的形状.如果希望单独指定某一个边框的形状,可以使用border-top-l
日期:2013-03-21作者:Admin 点击:2142
在项目中遇到了不规则图片墙的布局问题 分析原理如下: 1.img display: block; 解决3px img标签bug 2.img 设置height 和width 不然会出现 下面的图片如果先加载上面的图片再加载时 会推动图片向下移动 3.父
日期:2013-03-19作者:Admin 点击:1262
今天为大家带来另一款更具个性化的进度条:CSS3闪烁跳跃的进度条。   这个示例的原理和以前的都是一样的,都是通过大量的css3属性来实现的,如:animation、transform、keyframes等等属性。值得注意的是这个示例采用了结构性伪类选择符E:nth-child(n),来进行对HTML元素的选择以及控制输出。相信这个伪类
日期:2013-03-18作者:Admin 点击:850
今天也同样为大家分享一篇用css3制作的动画条纹边框,效果还是蛮有趣的,推荐大家用一用、玩一玩。   查看预览 下载附件 先简单的说一下实现原理,大家都可以通过demo看到最终的效果,当鼠标停留在图片上面时,图片的边框就会出现带有斜度的条纹背景(暂且不管动画), 看下源代码就能明白其中的原理,首先用样式制作出条纹背景,设置opacity值为0
日期:2013-03-18作者:Admin 点击:718
  CSS样式代码    body {        font-size: 62.5%;        margin:&nbs...
日期:2013-03-18作者:Admin 点击:879
今天为大家分享一个纯CSS3打造的精致时钟,没有用到任何的图片和 js 。该时钟有时针、分针以及秒针,在时钟的圆盘内,都有详细的刻度标记,在时间中央还有数字时钟显示,功能可谓十分强大,界面十分精致。 在css3的渲染下,拥有华丽的视觉界面,这个纯css3精致时钟,你值得拥有!   其主要的实现原理是用animation、transfor
日期:2013-03-18作者:Admin 点击:699
 要获得css元素中的计算样式(即经过层叠之后,最终的样式),支持W3C的浏览器可以使用document.defaultView.getComputedSyle方法。该方法接受两个参数,第一个参数为要获得样式的元素,第二个参数为一个伪元素字符串(例如:":after",如果没有,就置为null)。该方法返回一个StyleShee
日期:2013-03-11作者:Admin 点击:702
闲着没事,逛了下googlepaly网站 看着他们的tabs选项卡样式竟然用的不是图片,而是css实现的斜边,没事简单说了一下自己理解的其中的原理 1,理解border的原理 查看样式 style部分 border-bottom:24px solid #F00; border-right:24px solid transparent; bor
日期:2013-03-08作者:Admin 点击:812
心的永恒   DIV+CSS常用的Html网页布局代码 单行一列 以下是引用片段: body { margin: 0px; padding: 0px; text-align: center; }  #content { margin-left:aut...
日期:2013-02-26作者:Admin 点击:808
css中的样式(或者规则)由两部分组成:选择器和声明块。每个声明块里面可以包含多条声明,它们之间由分号分隔。如下图所示:     链接外部样式表     外部样式表可以使网页打开的速度更快。但是浏览器在下载外部样式表的时候,还会在访问者的计算机上保存这个文件(一个被称为高速缓存的文件),以便下次能
日期:2013-02-26作者:Admin 点击:692