jquery ui的css设计二
2024-09-19 01:51:49
上一篇见这里
本篇重点说一下其换肤功能
换肤一般是指改变控件的字体颜色,背景颜色,边框颜色,hover上去的颜色,背景图片,很少再会涉及修改其长宽,字体类型什么的。
以这个版本的CSS为观察对象,可以发现,它从上到下分为
- Layout helpers 以ui-helper-开头,表示某种功能
- Interaction Cues 交互 只有一个.ui-state-disabled
- Icons 装饰用 只有ui-icon, 它与ui-icon-*配合使用
- Misc visuals 具体的每个组件,以ui- uiname开头
- Component containers 每个组件都有的部分 与换肤有关,主要有这三个类名:
.ui-widget .ui-widget-content .ui-widget-header - Interaction states各种ui-state-*, 如.ui-state-default, .ui-state-hover, .ui-state-focus, .ui-state-active 与点击,掠过,选中等行为有关
- Interaction Cues 也是各种ui-state-*, 如.ui-state-highlight, .ui-state-error ,.ui-priority-primary, .ui-priority-secondary, .ui-state-disabled 多 表示按钮的状态,如正常,警告,报错, 成功
- Icons 各种图标的具体定义
- Corner radius 圆角
- Overlays 遮罩层 (这个也与皮肤有关)
jquery ui官网有下面这样一个工具,我们可以一下把其中的变量扒出来
http://hi.baidu.com/ivugogo/item/605795f7a5c27a1ea62988e4
最新文章
- java字典序排序
- Golang 逐行读写之scanner.Scan
- dataWithContentsOfURL报错问题
- AngularJs中的服务
- Java 打印金字塔 or 打印带数字的金字塔 (Java 学习中的小记录)
- 关于相对路径和绝对路径及cd命令的使用
- [转载]su认证失败
- 根据rowid回表
- 加载jquery插件注意了
- Python之文件与目录
- 2016(4)数据库系统,ER模型,规范化理论,并发控制
- 微信小程序开发工具 ubuntu linux版本
- Git常用有用命令
- 百度地图api ak值
- php 截取中文字符串方法
- 剑指Offer66题的总结、目录
- 【leetcode 简单】 第八题 删除排序数组中的重复项
- Mysql不同表的同名字段索引名可以相同
- 使用html5的Geolocation API实现定位
- Jquery JS 正确的比较两个数字大小的方法