好看的工具箱 css

2024-11-05

[前端开发] 8 个很有用的免费CSS的UI工具箱

搞web开发的不能不提到前端,下面就和大家分享下8个很有用的免费CSS的UI工具箱 1) UI CSS ui.css 是一个用来创建简洁的 Web 用户界面的工具,下载的文件只包含一个 css 文件. 2) UI Kit 3) CSS UI Kit 4)Lion UI Kit CSS 该工具箱基于 Xcode 组件(OS X Lion),提供了 OS X 应用的原型,主要用于 WebKit,但其他浏览器表现也不错. 5)Pure CSS 6) CSS UI Kit 7) Merto CSS UI

前端切图：一个好看的表格css样式

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table border="1" id="dataTable" style=" border-collapse:coll

你想不到的！CSS 实现的各种球体效果【附在线演示】

CSS 可以实现很多你想不到的效果,今天我们来尝试使用 CSS 实现各种球体效果.有两种方法可以实现,第一种是使用大量的元素创建实际的 3D 球体,这种方法有潜在的性能问题:另外一种是使用 CSS3 渐变和阴影特性来实现,实现方法简单,效果精美. 为保证效果,请使用 Chrome.Firefox.Safari 等现代浏览器浏览. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 Tran

Pure – 赞！轻量的、响应式的 CSS 模块集

Pure 是一组轻量的,响应式的 CSS 模块,您可以使用在任何的 Web 项目中.充分考虑了移动设备中的使用,保持文件体积尽量小,每行 CSS 都进行了仔细的考虑. Pure 基于 Normalize.css 构建,并提供布局以及原生 HTML 元素的风格,加上最常见的 UI 组件.相信这些都是你需要的. 您可能感兴趣的相关文章 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Debuggex – 超好用的正则

浅析css布局模型1

css是网页的外衣,好不好看全凭css样式,而布局是css中比较重要的部分,下面来分析一下常见的几种布局. 流动模型流动模型是网页布局的默认模式,也是最常见的布局模式,他有两个特点: 1.块状元素都在所处包含元素内自上而下按顺序垂直延伸分布.常见的块状元素有:div,p,ul,ol,h1~h6,address等 2.内联元素都会在所处包含元素内从左到右水平分布显示.常见的内联元素有:a,span,img,input,textarea等浮动模型浮动模型是指使用css将块状元素定义为浮动.用法

CSS 实现的各种球体效果

CSS 实现的各种球体效果[附在线演示] CSS 可以实现很多你想不到的效果,今天我们来尝试使用 CSS 实现各种球体效果.有两种方法可以实现,第一种是使用大量的元素创建实际的 3D 球体,这种方法有潜在的性能问题:另外一种是使用 CSS3 渐变和阴影特性来实现,实现方法简单,效果精美. 为保证效果,请使用 Chrome.Firefox.Safari 等现代浏览器浏览. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 Verlet-js:超炫的开源 J

css学习_写法规范、选择器

1.css(层叠样式表)样式主要目的(让页面更好看些) css尽量不要写内联样式,保证结构和样式分离原则: html专门负责结构,css专门负责样式. 2.css写法规范选择器 { 属性 :值 : } 内联样式写在标签里 style=“”属性:值“” 内部样式写在head标签里的style标签里外部样式通过链接导入样式表 link 3.font-size(字号大小) 4.浏览器默认字体font-family 微软雅黑 ,字体大小一般默认为16px 一般不想写中文是可以用

Minimit Anima – 硬件加速的 CSS3 动画插件

Minimit Anima 是一个实现 CSS3 Transforms 和 Transitions 动画的 jQuery 插件.基于硬件加速的 CSS3 动画执行更快,而且它有一个类似于 jQuery 动画的 API.插件中包含的 jquery.transform.js 让你可以在不支持的 Transforms 的浏览器中实现缩放.旋转和倾斜效果. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 Verlet-js:超炫的开源 JavaScript 物

Webydo：一款在线自由创建网站的 Web 应用

Webydo 是一款专业的在线建站应用,使平面设计师可以创建和管理 HTML 网站,而无需编写代码.设计人员可以设计任何类型网站,只需要点击按钮,就能够发布先进的 HTML 网站. 你可以控制所有的设计组件,如:元素的位置,字体和版式,背景,图像,指引等,拖放控制使您可以轻松地上传元素,如:图片,视频,表格,链接等.所有的代码将被自动转换成符合 W3C 标准的的代码. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 Verlet-js:超炫的开源 Ja

S Gallery – 很有特色的响应式 jQuery 相册插件

S Gallery 是一款响应式的 jQuery 相册插件.使用了 HTML5 全屏 API 以及 CSS3 动画和 CSS3 转换,所以只能在支持这些功能的浏览器中使用. 这款插件它有一个特色功能:退出幻灯片模式回到网格视图模式,最后一张活跃的图片会以动画形式回到网格视图中的初始位置,因此用户知道他们浏览到画廊中的哪张图片上. 您可能感兴趣的相关文章 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Pop Easy – 轻松实现模态窗口的 jQuery 插件 Web 开发人员必

TaggingJS – 可以灵活定制的 jQuery 标签系统插件

TaggingJS 是一款 jQuery 插件,用来创建高度可定制的前端标签系统.这款插件不到3KB ,支持主流浏览器.有几种方法来定制 TaggingJS 的默认行为:一是使用 custom_options 定制全局的 TaggingJS 行为:二是给标签框加上 data 属性:三是结合前面两种方式. 您可能感兴趣的相关文章 Metronic – 赞!Bootstrap 响应式后台管理模板 OverAPI.com – 史上最全开发人员在线速查手册 Web 开发人员必备的随机 JSON 数据生

赞！带进度条的 jQuery 文件拖放上传插件

jQuery File Uploader 是一个 jQuery 文件拖放上传插件,包括 Ajax 上传和进度条效果.作者编写这个插件的想法是要保持它非常简单,不像其他的插件,很多的标记,并提供一些 Hack 的方式使之兼容那些古老的浏览器.jQuery File Uploader 重点是现代浏览器,而且还提供了一个方法让你知道什时候插件不支持使用. 您可能感兴趣的相关文章让网站动起来!12款优秀的 jQuery 动画插件精心挑选的美轮美奂的 jQuery 图片特效插件精心挑选的优秀jQue

Slick – 这是你需要的最后一款 jQuery 传送带插件

slick 是一款完全响应式的 jQuery 传送带插件,能够根据容器自动适应宽度.在现代浏览器中会使用 CSS3 来实现特殊效果,可以使用扩展方法对项目进行添加.删除和过滤.这是你需要的最后一款 jQuery 传送带插件,赶紧收藏吧. 您可能感兴趣的相关文章 HTML Inspector – 帮助你编写高质量 HTML 代码 jQuery Unveil – 另一款非常轻量的延迟加载插件 Selectize – 用于标签和下拉列表功能的选择控件 ScrollUp – 超轻量可定制的回到顶部 jQ

MasonJS – 创建完美的砌体结构网页布局

MasonJS 插件用来解决目前大多数的网格系统使用中的问题——间距.当使用 Masonry,Isotope 或任何其他网格插件时,布局中会出现空白或边缘参差不齐的情况.MasonJS 可以帮助你填补这些布局中的缺口. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Debuggex – 超好用的正则表达式可视化调试工具 H

Pop Easy – 轻松实现模态窗口的 jQuery 插件

PopEasy 是一款轻量的 jQuery 插件,可以帮助开发人员容易的创建效果精美的模态窗口.PopEasy 在主流浏览器中都能够正常工作,同时兼容 IE 7 哦. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 HTML Inspector – 帮助你编写高质量 HTML 代码 Web 开发人员必备的随机 JSON 数据生成工具 Selectize – 用于标签和下拉列表功能的选择控件 Pure – 赞!一个轻量的.响应式的 CSS 模块集好东西

Winjs – 微软开源技术发布的 JavaScript 组件集

Winjs 是由微软开源技术的开发者推出的一组 JavaScript 组件,包括 ListView.ListView.Tooltip.DatePicker.Ratings 等等,帮助 Web 开发人员使用最好的网站功能解决方案. 您可能感兴趣的相关文章 HTML Inspector – 帮助你编写高质量 HTML 代码 jQuery Unveil – 另一款非常轻量的延迟加载插件 Selectize – 用于标签和下拉列表功能的选择控件 ScrollUp – 超轻量可定制的回到顶部 jQuery

Remodal – 支持 Hash 追踪的响应式模态窗口

Remodal 是一个扁平化,响应式,轻量而且容易定制的模态窗口插件,支持使用声明状态和 Hash 跟踪.您可以轻松地定义为模态弹窗定义背景景容器(如模糊效果).支持所有现代的浏览器. 您可能感兴趣的相关文章 Metronic – 基于Bootstrap响应式后台管理模板 HTML Inspector – 帮助编写高质量 HTML 代码 Pop Easy – 轻松实现模态窗口的 jQuery 插件 Selectize – 用于标签和下拉列表功能的选择控件 Pure – 赞!一个轻量的.响应式的

Tourist.js – 简单灵活的操作指南和导航插件

Tourist.js 是一个基于 Backbone 和 jQuery 开发的轻量库,帮助你在应用程序创建简单易用的操作指南和导航功能.相比网站,它更适合用于复杂的,单页网站类型的应用程序.Tourist.js 能够灵活控制的每个步骤的界面. 您可能感兴趣的相关文章 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Debuggex – 超好用的正则表达式可视化调试工具 -prefix-free:帮你从 CSS 前缀的

Cytoscape.js – 用于数据分析和可视化的交互图形库

Cytoscape.js 是一个开源的 JavaScript 图形库,您可以使用 Cytoscape.js 进行数据分析和可视化.Cytoscape.js 可以轻松的继承到你的网站或者 Web 应用中,实现交互的可视化图形. 您可能感兴趣的相关文章 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Debuggex – 超好用的正则表达式可视化调试工具 -prefix-free:帮你从 CSS 前缀的地狱中解脱出来

jQuery.swatches – 把 Div 变成可爱的调色板

jQuery.swatches 是一款开源的 jQuery 插件,能够把一个 Div 转换成漂亮的调色板.您可以自定义你想要的类,使用不同的类可以生成不同的调色板.这个功能能够帮助设计师方便的挑选设计项目的颜色组合. 您可能感兴趣的相关文章 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 jQuery.mmenu – 用于移动 Web 项目的光滑菜单 Ratchet – 惊艳无比的 iPhone 应用原型制作框架 Transit – 超平滑的 CSS 过渡和变换动画效果插件

MontageJS：构建现代 Web App 的 HTML5 框架

MontageJS 可以帮助您构建高可扩展性和可维护性的 HTML5 应用.有了 MontageJS,开发人员可以创建可重用的用户界面组件和模块,组件和控制器之间的绑定属性,并且同步 DOM 查询和更新,以确保流畅的用户体验. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Debuggex – 超好用的正则表达式可视化调试

好看的工具箱 css

热门专题