CSS3

css3高级选择器使用方法

jerry CSS
css3属性选择器 css3之属性选择器,其中包括: 1.[att=val]2.[att*=val]3.[att^=val]4.[att$=val] 下面我将用实例演示它们的用法 css代码: <style type="text/css"> p[id=p_...
阅读全文

使用CSS3和jQuery可伸缩的搜索条

jerry CSS
搜索条在我们网站是必不可少的,尤其是在有限的页面空间里,放置一个重要的搜索条是个难题,今天我将结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。

响应式WEB设计:将导航菜单转换成下拉菜单以适应小屏幕设备

jerry HTML
移动互联网时代的到来,使得我们在进行页面设计与开发时,应当根据用户行为以及设备环境(系统平台、屏幕尺寸)进行相应的响应和调整,这个理念也叫响应式WEB设计。今天我将给大家讲解当屏幕尺寸变小时,将

CSS3实现响应式数据表格

jerry CSS
CSS3实现响应式数据表格
设计响应式页面的时候,最难的是表格table的处理,table作为数据表格设计不可缺少的元素,在数据应用项目中起着重要的作用,但是要想让表格适应各种屏幕还真有点麻烦。本文将用实例给大家演示如何使

CSS3响应式导航菜单

jerry HTML
今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单,我们使用的是HTML5+CSS3技术,当浏览器窗口变小或者使用手机浏览器访问的时候,原本横条菜单会收缩成一个下拉菜单,当鼠标滑向菜

纯CSS3制作漂亮的价格表

jerry CSS
纯CSS3制作漂亮的价格表
网页上发布产品时,一般都有几套价格方案,通常我们将几套方案放在一起,用户可以相互比较决定购买哪个套餐。最常见的是主机商发布产品价格信息页,本文结合实例给大家分享以纯CSS+HTML实现的价格表。

用css3实现了一个tp的logo,不是100%像

jerry
用css3实现了一个tp的logo,不是100%像
火狐下效果好,ie圆角不兼容<!DOCTYPE html> <html>     <head>         <meta charset="utf-8">         <meta http-equiv="X-UA-Comp...
阅读全文

基于html和CSS3制作酷炫的导航栏

jerry CSS
基于html和CSS3制作酷炫的导航栏
 主要亮点:   1 ul 水平显示   2 li 去掉圆点   3 li中字体水平、竖直居中   4 li控制边框样式   5 使用html + css3 渐变画图 制作背景图片   6 更改颜色透明度   7 DIV制作边框阴影 先看效果图:  

使用jQuery和CSS3制作数字时钟(jQuery篇)

jerry CSS
上一篇文章中,我们使用CSS3制作了一个漂亮的数字时钟,本文将紧接上一篇文章内容,结合jQuery来让数字时钟真正跑起来,实现一个带有日期和星期的真正网页版数字时钟。

使用jQuery和CSS3制作数字时钟(CSS3篇)

jerry CSS
使用jQuery和CSS3制作数字时钟(CSS3篇)
数字时钟可以应用在一些WEB倒计时效果、WEB闹钟效果以及基于HTML5的WEB APP中,本文将给大家介绍不借助任何图片,如何使用CSS3和HTML来制作一个非常漂亮的数字时钟效果。