ZK 样式使用

【ZK 样式使用】的更多相关文章

控件: <textbox id="usernameTb" sclass="login-user-input" placeholder="账号"/> css定义: .login-user-input{ position:absolute;left:545px;top:160px; height:40px;font-size:20px;padding:8px; padding-left:44px; } 注:若有多个textbox想引用该c…

ZK 使用jfreeChart

前台: <?page title="Grid使用" contentType="text/html;charset=UTF-8"?> <zk xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.zkoss.org/2005/zul" xsi:schemaLocation="http://www.zkoss.or…

样式中的url加载探疑

当一个项目多人维护,特别是接手别人的项目,而项目又在改之又改的基础上再改,我一直遵循,别人的样式我不动的原则,尽量不因为一时不察,导致整站或部分页面出现错位的现象,因些在修改样式与写样式时都是在原有的基础上往上加样式名来加样式,这样就会产生很多可能无用的样式,偶尔也会有去掉页面部分区域,导致样式中可能会有一块块的无用样式存在,当然如果只是一些样式无用,影响也不会有太大,有一次就看到很多带URL的background样式存在里面,当时就怀疑在文挡中没有对应样式名存在,而样式中又存在的带url的ba…

ZK框架的分析与应用

前言:本文是在下的在学习ZK官方文档时整理出来的初稿.本来里面有很多的效果图片和图片代码的.奈何博客园中图片不能粘贴上去,所以感兴趣的筒子们就将就吧.内容中,如有不好的地方,欢迎斧正! ZK框架的分析与应用 1 ZK框架的引入 1.1 概述 ZK是一套以 AJAX/XUL/Java 为基础的网页应用程序开发框架,用于丰富网页应用程序的使用界面.最大的好处是,在设计AJAX网络应用程序时,轻松简便的操作就像设计桌面程序一样. ZK包含了一个以AJAX为基础.事件驱动(event-driven).高…

[置顶] ZK高级特性：Style定制与客户端集成

1.ZK与传统MVC框架的集成由于ZK应用本质上也是基于标准Web技术Servlet框架,因此与其它MVC框架的集成没有什么特别的, 以一个典型场景为例——为一个现有的Web项目(前端采用WebWork+Freemarker+prototype)引入ZK技术开发新的页面和模块,主要集成工作包括: 页面集成方式1:在freemarker中嵌入iframe指向zul页面: 页面集成方式2:prototype打开新页签时url参数指向zul页面: 参数传递方式1:url后面跟参数: 参数传递方式2:…

bootstrap导航条+模态对话框+分页样式

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 推荐使用GCF(兼容IE6.…

iOS平台设置系统状态栏（通知栏、顶部状态栏）样式背景颜色或透明

5+App开发状态栏配置系统状态栏样式 iOS平台可支持对系统状态栏样式的配置,在应用manifest.json文件的plus->distribute->apple下添加UIStatusBarStyle进行控制,默认值为"UIStatusBarStyleDefault". 值样式 UIStatusBarStyleDefault 默认样式,iOS6及以下系统状态栏为黑底白字,iOS7及以上系统用于定义系统状态栏上文字颜色为黑字(适用于浅色背景) UIStatusBarS…

React Native 三:样式

一.声明和使用样式 1.React Native里面的样式和使用如以下所看到的.StyleSheet.create这个构造函数不是必须的. index.android.js文件 import React, { - - } from 'react-native'; class AwesomeProject extends Component { render() { return ( <View> //全部核心组件都能够接受style属性 <Text style={styles.base}…

前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前端群里还发现以上观点类似的奇葩聊天,真是*** 其实,也是在很久以前,看了腾讯ISUX的一位前端工程师-麦时分享的一篇技术文章(个人站点已失效,就不贴出来了),才了解到真正的css选择器权重计算. 以下是css选择器权重计算精华所在,翻译自国外的文档(记得是W3C给出的计算规则) 如果一个声明来自s…

BootStrap_02之全局样式及组件

1.BootStrap指定的四种屏幕尺寸: ①超大PC屏幕--lg(large):w>=1200px: ②中等PC屏幕--md(medium):1200px>w>=992px: ③Pad屏幕--sm(small):992px>w>=768px: ④Phone屏幕--xs(extra small):768px>w:2.BootStrap中的两种容器: ①定宽容器:.container--1170px(lg).970px(md).750px(sm).100%(xs): ②变…