标签：css

技术

jQuery实现Tab选项卡css样式及详解

2017-08-20rxwangwb阅读(253)评论(0)赞(0)

为了使页面简洁而有条理，我们常常会使用到选项卡，本文记录了一个简单的选项卡的实现过程：界面预览：此选项卡的实现机制为：先定义了一个无序列表，每个列表项中定义了一个链接，此链接指向一个锚点，然后通过JS控制选项卡及相关内容的显示效果。...

技术

漂亮的Tab选项卡CSS样式示例Demo2

2017-08-20rxwangwb阅读(413)评论(0)赞(0)

这是一款样式、语法、结构、用户体验都优秀的Tab选项卡，它的构思很奇特，感兴趣的童鞋可以加以模仿和借鉴。首先，看一下它的整体面貌：再来看一下HTML部分的代码： <body> <div class="wrap">...

技术

(转载)CSS字体单位em和px的区别

2017-08-20rxwangwb阅读(245)评论(0)赞(0)

在涉及到前端字体样式时，我们经常会注意到font-size样式的单位会有em和px之分，这常常让我们感到困惑，本文的目的就是解决这些困惑。国大多数网站用的font-size字体单位是px，而大多数国外网站用的单位是em，究其原因：“国外人...

技术

CSS图片定位属性使用

2017-08-20rxwangwb阅读(160)评论(0)赞(0)

background-position用来指定背景图片左上角相对于容器元素左上角的位置. 有三种方式来指定background-position的值： 1、可以用top,left,center,right,bottom等值，比如backgr...

技术

初窥CSS布局

2017-08-20rxwangwb阅读(201)评论(0)赞(0)

写一篇文章，难免要为之命名，所谓名不正，则言不顺；言不顺，则事不成。这篇文章是要说明一下CSS中的布局，实为入门之法矣。本想命名为“布局说”的，但是总感觉题目太大，被大神们看到难免沦为笑柄，思来想去，便命名为“初窥CSS布局”。不管是写一...

技术

导航栏样式示例：一个漂亮的导航栏样式

2017-08-20rxwangwb阅读(530)评论(0)赞(0)

在看一些博客，或者打算自己做WEB开发过程中，经常会考虑到导航菜单的使用，有些导航菜单会让你赞不绝口，自己想要做一个好看的菜单时，又会感到十分的头疼，下面我就从一个导航菜单的例子Demo，来学习导航菜单的制作过程。首先，我们看一下页面组成...

技术

表格内容超出单元格大小时显示省略号

2017-08-20rxwangwb阅读(207)评论(0)赞(0)

文章内容记录自己开发过程中，使用样式，实现单元格内容超出边界时显示省略号的实践过程：浏览器支持：chrome等现代浏览器以及IE6~IE11环境测试通过；实现代码： CSS部分代码 table{ table-layout: fixed;...

技术

漂亮的右键菜单整理：Right Context Menu Demo1

2017-08-18rxwangwb阅读(251)评论(0)赞(0)

漂亮的右键菜单整理，这是右键菜单样式整理的第一个示例，具体代码如下： Js代码 <script type="text/javascript"> $(document).bind("contextmenu", function(e...

技术

漂亮的文件上传控件input file css样式整理

2017-08-18rxwangwb阅读(304)评论(0)赞(0)

几乎所有的网站都少不了文件上传功能，因此整理几款漂亮的文件上传控件input file 表单控件很有必要,下面是我整理的文件上传input file表单控件样式，以作备用。代码如下： HTML部分： <div class="div"...

技术