j2me_polish_css总结
CSSModule用法总结
CSSModule⽤法总结什么是CSS Modules?官⽅解释是：可以理解为：所有的类名和动画名称默认都有各⾃的作⽤域的css⽂件。
通俗点来说是，每个class类是独⽴的可以被单独的按照某种规则编译为独⼀⽆⼆的域名，或者你也可以理解为，每个class都有⾃⼰的scope。
css作⽤域⽬前css作⽤域有三种⽅案1.css modules2.css in js3.BEM +scope其中1、3的区别如下1. 只要是靠⼈去保证代码质量总是不靠谱的，⼈的状态有起伏，但是机器没有，因此推荐⽤机器去解决这些问题。
这个是BEM+scope⽐较⽋缺的2. 需要注意css穿透，如果要改⼀些第三⽅的东西（当然写起来也⽐较简单），具体的可以了解下样式穿透3. BEM写起来很繁琐，⽽且是靠⼈去解决重名的问题。
那么cssModule解决了什么问题？1.变量全局污染问题css scope也能解决这个问题，但是解决问题的思路不⼀样，scope解决全局样式污染的问题的解决办法是通过，scope来限制⼦作⽤域对⽗作⽤域（也可以是全局作⽤域）的污染css module解决办法是通过:local(.text){color:red}:local函数来解决这个问题：global(.class){}:global能在⼦页⾯内写全局变量（我们在修改第三⽅库的时候通常会使⽤这个函数）2.对⽐BEM,BEM相对繁琐，⽽CSS Modulex相对灵活胜出原因： 1.BEM的解决办法是通过⼈来保证css的唯⼀性，CSS Module是通过webpack的打包机制类解决这个问题。
打包代码之前<h1 class="test">An example heading</h1> 打包代码之后<h1 class="_styles__test_309571057">An example heading</h1> 2.灵活，并且不同css⽂件内即使相同的class也不会互相影响 举个栗⼦import real from './real.css'import fake from './fake.css'element.innerHTML = `<div class="${buttons.red} ${rge}">`; 本质上，这种引⼊两个⽂件夹的写法是完全可以的，但是有些时候这种形式的代码复⽤是很实⽤的，还有⼀个不经常⽤的写法.element {composes: dark-red from "./colors.css";font-size: 30px;line-height: 1.2;} 借助CSS Module的compose，来解决这个事情。
CSS知识点总结
CSS知识点总结⼀．Css分类1.替代replaced elements:img input(radio button, checkbox, text)不可替代nonreplaces elements:html,xhtml,span,a,div,body,form,p,em,strong,2.block-level and inline-level:(block可以包含inline 元素，反过来是不可以的！) block-level:p div li ulinline-level: a span strong em b i u⼆．选择器2.元素选择器：P{}3. Grouping Selectors(分组)eg:h2, p {color: gray;}4.The universal selector（通配选择器）eg:* {color: red;}5. Grouping Declarationseg:h1 {font: 18px Helvetica; color: purple; background: aqua;}6.类选择器：.ddd7.ID选择器：#ddd8.属性选择器简单属性选择h1[class] {color: silver;}根据具体属性值p[class="warning"] {font-weight: bold;}根据部分属性值选择p[class~="warning"] {font-weight: bold;}⼦串匹配属性选择器[foo^="bar"][foo$="bar"][foo*="bar"]特定属性选择类型*[lang|="en"] {color: white;}9.使⽤⽂档结构后代选择器blockquote b, p b {color: gray;}选择⼦元素h1 > strong {color: red;}选择相邻兄弟元素h1 + p {margin-top: 0;}10.伪类选择器静态伪类：a:visited{}a:link{}(好像⽤不了)动态伪类：a:focus{}(常⽤于input元素)a:hover{}a:active{}选择第⼀个⼦元素：Li:first-child{}根据语⾔选择（）*:lang(fr){}结合伪类：link:hover:active {color: orange;}伪元素选择器：设置⾸字母样式li:first-letter{ color:Red;设置第⼀⾏的样式：.aa:first-line{ color:Purple;}设置之前和之后元素的样式：a:before{ content:"{}"; color:Silver;}a:after{ content:"end"; color:Aqua;}三．结构和层叠1.特殊性：重要性：!Important (最强悍！) eg: p.dark {color: #333 !important; background: white;}内联样式特殊性：1000 ID选择器：0100 li#answer {color: navy;} /* 0,1,0,1 (winner) */类属性值，属性选择或伪类：0010 h2.grape{color: purple;}/* 0,0,1,1 (winner)*元素和伪元素：0001 h1 {color: red;} /* 0,0,0,1 */通配选择器：0000结合符:⽆继承：⽆（0特殊性⽐⽆特殊性的更强）Eg: * {color: gray;} (（当h1中有其他元素时win）h1#page-title {color: black;}2.继承a)Border：没有继承b)Body:可以向上继承到html,其他的都是向下继承3.层叠：具有相同特殊性的靠后的权重⼤按权重和来源排序：（p79）读者的重要声明>创作⼈员的重要声明>创作⼈员的正常声明>读者正常>⽤户代理声明按特殊性排序按顺序排序Lvha顺序⽐较重要：即live visited hover active四．值和单位1.数字2.百分数3.颜⾊命名颜⾊：blue green white red black maroon ...⽤GRB指定颜⾊函数式RGB颜⾊(百分数法：0%-100%，数字法：0-255)Eg:rgb(100%,100%,100%)rgb(0%,0%,0%)rgb(255,255,255)rgb(0,0,0)灰度表：p.one {color: rgb(0%,0%,0%);}p.two {color: rgb(20%,20%,20%);}p.three {color: rgb(40%,40%,40%);}p.four {color: rgb(60%,60%,60%);}p.five {color: rgb(80%,80%,80%);}p.six {color: rgb(0,0,0);}p.seven {color: rgb(51,51,51);}p.eight {color: rgb(102,102,102);}p.nine {color: rgb(153,153,153);}p.ten {color: rgb(204,204,204);}25%*255=63.75=64⼗六进制RGB颜⾊Web颜⾊：rgb值20%和52和33（⼗六进制）整除4.长度单位a)绝对长度单位：in,cm,mm,pt(点),pc（派卡）1in=2.54cm 1cm=0.3394in1 in=72pt 1 in=6pcB) 相对长度单位Em和ex:Px:1em=14px 1em=2exEm最好的度量单位5.URL绝对URL相对URL注意：url和开始括号之间不能有空格6.关键字None:不同于0，Inherit:它的属性值和⽗元素相同7.css2单位：p(110)a)⾓度值：deg, grad 和 radb)时间值：s,ms 1000ms=1sc)频率值：hz,mhz五．字体1.字体系列制定字体系列：p {font-family: TimesNR,serif;}p {font-family: Times,TimesNR,'New Century Schoolbook',Georgia,'New York',serif;} 有空格、包括“#”和”$”的时候加“单引号”Cursive必须加“双引号”2.字体加粗a)Font-weight:bold bolder mormal 100 --900 lighterb)相对⼤⼩关键字:Bolder 是相对于⽗级字体粗细⽽⾔3.字体⼤⼩a)Font-size:xx-small x-small small medium large x-large xx-large smaller larger inheritb)相对⼤⼩关键字：larger smallerc)绝对⼤⼩：xx-small x-small small medium large x-large xx-larged)百分数：根据⽗元素继承的⼤⼩来计算strong {font-weight: lighter; font-size:larger;}strong b {font-weight:lighter; font-size:200%;}4.风格和变形a)字体风格：Font-style:italic oblique normal inheritb)字体变形：font-variant:small-caps normal inherit（只对英⽂有⽤，对汉语没有影响）c)转换⼤⼩写：p{ text-transform:uppercase;}5.拉伸和调整字体a)字体拉伸：font-stretch:normal| wider | narrower | ultra-condensed | exTRa-condensed| condensed| semi-condensed| semi-expanded| expanded| exTRa-expanded| ultra-expanded | inheritb)我的浏览器不⽀持（可以忽略）6.Font属性a)等价：h1{ font-style:inherit; font-weight:bold; font-variant:small-caps; font-size：20px; font-family:Candara,Corbel;}h1{ font:inherit bold small-caps20px Candara,Corbel; }b)注意;前两个可以互换，后两个不可以，normal 可以省略c)增加⾏⾼：line-height,Eg：body {font-size: 12px;}h1 {font: bold italic200%/1.2Verdana,Helvetica,Arial,sans-serif;}7.字体匹配六．⽂本属性1.缩进和⽔平对齐a)缩进⽂本：(只能⽤于块级元素！)text-indent:3em 10%b)⽔平对齐：(只能⽤于块级元素！)text-align:left center right justify(两端对齐⽂本) inherit2.垂直对齐：元素中⽂本基线之间的最⼩距离a)Line-height:”line-height”减去“font-size”等于⾏间距i.Line-height:18px,0.33in,150%,1.5emii.适⽤于所有元素iii.⾏⾼和继承：Line-height值从⽗元素继承时，要从⽗元素计算，⽽不是⼦元素上计算。
css表达式用法
css表达式用法================CSS（层叠样式表）是一种用于描述HTML或XML（包括如SVG和MathML等衍生语言）文档样式的样式表语言。
它允许开发者为网页元素定义样式，包括字体、颜色、布局、动画等。
CSS表达式是CSS中的一种特殊语法，允许开发者使用数学公式和逻辑表达式来定义样式。
一、基本语法------CSS表达式的基本语法包括两种类型：数学表达式和逻辑表达式。
### 1. 数学表达式CSS中的数学表达式允许开发者使用基本的数学运算符（如加法、减法、乘法、除法等）和函数（如求和、平均值、最大值、最小值等）来定义样式。
例如：```cssdiv {width: expression(Math.random() * 100 + 50);}```这段代码将会使得`div`元素的宽度是一个随机值，范围在50到150之间。
### 2. 逻辑表达式CSS中的逻辑表达式允许开发者使用逻辑运算符（如`&&`、`||`、`!`）来组合多个条件，以决定元素的样式。
例如：```cssp {color:expression(this.parentNode.firstChild.nextSibling.style.color = "red");}```这段代码将会使得第一个`<p>`元素的文字颜色变为红色，前提是该元素的前一个元素也是`<p>`元素，且下一个元素也是`<p>`元素。
二、使用限制和注意事项------------### 1. 使用限制虽然CSS表达式提供了强大的功能，但也有一些限制。
首先，由于它们涉及到JavaScript的运行环境，因此可能会影响页面的性能。
其次，由于浏览器对CSS表达式的实现方式可能不同，因此在跨浏览器测试时需要特别小心。
最后，一些旧的浏览器可能不支持CSS表达式。
### 2. 注意事项在使用CSS表达式时，开发者需要注意以下几点：* 避免过度依赖CSS表达式，尽可能使用常规的CSS属性来定义样式。
CSS的预处理器与后处理器
CSS的预处理器与后处理器CSS（Cascading Style Sheets）是一种用于描述网页样式的语言，被广泛应用于网页开发和设计中。
随着前端技术的不断发展，越来越多的工具和技术被引入到CSS中，以提高开发效率和代码质量。
其中，CSS的预处理器和后处理器就是两种常见的工具，它们可以帮助开发者更加方便地书写和管理CSS代码。
本文将介绍CSS的预处理器和后处理器的概念、特点以及常见的应用。
一、预处理器1. 概念和特点CSS预处理器是一种将类似于编程语言的特性引入CSS中的工具。
它允许开发者使用变量、嵌套规则、混合（mixin）等高级特性，通过编写更加简洁和易维护的代码来提高开发效率。
最常见的CSS预处理器有Less、Sass和Stylus。
预处理器的特点主要包括以下几个方面：1.1 变量：可以定义和使用变量，提高代码的可维护性和重用性。
通过使用变量，可以在整个代码中统一调整颜色、字体、边距等样式参数，减少出错的概率。
1.2 嵌套规则：可以嵌套CSS规则，提高代码的可读性和编写效率。
通过嵌套规则，可以更好地组织和管理样式代码，减少重复的代码量。
1.3 混合（mixin）：可以定义和使用混合，类似于函数的概念。
通过定义混合，可以将一段样式代码封装成一个可重用的片段，减少代码的冗余。
1.4 导入：可以将多个CSS文件导入到一个文件中，减少HTTP请求，提高加载速度和性能。
2. 应用示例下面是一个使用Less预处理器的示例：```less@primary-color: #007bff;.button {background-color: @primary-color;color: white;padding: 10px 20px;border-radius: 5px;&:hover {background-color: darken(@primary-color, 10%);}}```在这个示例中，通过使用变量和嵌套规则，可以更加方便地定义和管理按钮的样式。
scss使用技巧
scss使用技巧CSS（层叠样式表）是一种用于描述网页上的样式的标记语言。
它可以通过选择器和属性来控制网页的外观和布局。
在本文中，我将介绍一些CSS的使用技巧，帮助你更好地编写网页样式。
1.使用CSS预处理器：CSS预处理器如Sass和Less可以帮助开发人员更高效地编写CSS代码。
它们提供了变量、嵌套、混合等功能，使得代码更易读、易维护。
通过使用CSS预处理器，你可以将样式表分成多个模块，然后在需要的地方引用它们。
2.选择器的优化：选择器是CSS规则的一部分，它用于选择应用样式的元素。
当使用选择器时，需要考虑选择器的性能。
通常，使用ID选择器比使用类选择器或标签选择器更有效。
因为ID选择器只能选择一个元素，所以它的匹配速度更快。
3.盒模型：在CSS中，每个元素都被看作是一个盒子，有一个内容区域、一个内边距区域、一个边框区域和一个外边距区域。
了解和掌握盒模型可以帮助你更好地控制元素的大小和布局。
4.浮动和清除浮动：浮动是一种常用的布局技术，可以将元素从正常的文档流中移动，使其脱离文档流。
但是，当使用浮动时，可能会导致父元素高度塌陷的问题。
为了解决这个问题，可以在浮动元素的父元素上应用“清除浮动”技术，如使用clearfix类。
5.相对单位和绝对单位：在CSS中，有两种主要类型的单位：相对单位和绝对单位。
相对单位如em和rem可以根据父元素或根元素的字体大小进行缩放。
绝对单位如px和pt是固定的单位，不会根据其他因素进行缩放。
在选择单位时，需要根据具体情况进行权衡。
6.媒体查询：媒体查询是CSS3中的一项功能，可以根据设备的特性（如屏幕大小、分辨率和方向）来应用不同的样式。
通过使用媒体查询，可以创建响应式布局，使网页在不同的设备上呈现出最佳的外观和布局。
7. CSS动画：CSS动画可以为网页添加交互性和生动性。
使用CSS 的@keyframes规则可以定义动画的关键帧，并使用animation属性将动画应用到元素上。
J2ME课程阶段总结报告
课程学习阶段报告系别：计算机系专业：软件技术班级：软件1001姓名：学号：指导教师：张暑军J2ME程序设计项目训练一班级姓名学号联系电话E-mail开始时间结束时间教师张暑军训练内容参照给定的网站，通过表格布局方式完成单个网站的首页面制作，制作过程中的网页素材可采用原网站的素材知识内容本次训练主要掌握Html语言中各个标签的使用，以及通过Table标签进行网页布局的方法和技巧。
使得同学们能够熟练掌握HTML语言标签的使用通过训练掌握的知识内容，按照了解，熟练，掌握和精通进行描述训练总结J2ME程序设计项目训练二班级姓名学号联系电话E-mail开始时间结束时间教师张暑军训练内容每8人一个项目小组，参照给定的网站，小组中成员合作完成整个网站内容的编写，每个成员通过DIV+CSS布局方式完成自己负责的单个网站页面制作，制作过程中的网页素材可采用原网站的素材。
完成后由组长负责整合为一个完整的网站。
知识内容本次训练主要掌握Html语言中各个标签的使用，以及通过DIV+CSS进行网页布局的方法和技巧。
使得同学们能够熟练掌握HTML语言标签的使用以及通过DIV+CSS实现网页布局的应用。
为后期学习系统开发制作界面打下良好基础。
通过训练掌握的知识内容，按照了解，熟练，掌握和精通进行描述训练总结J2ME程序设计项目训练三班级姓名学号联系电话E-mail开始时间结束时间教师张暑军训练内容通过JavaScript脚本语言，在网页上实现简单的休闲游戏，游戏可包括：扫雷、五子棋、连连看、推箱子、坦克大战、扑克牌、俄罗斯方块、贪吃蛇、拼图等，也可自行选择，游戏的实现不要求完成电脑思维设计，仅单人或多人对战游戏模式即可。
知识内容学习JavaScript的应用，掌握JavaScript与Html以及CSS技术的总和应用，学习通过JavaScript以及HTML和CSS实现网页休闲游戏的基本方法和知识，训练JavaScript的应用能力，提高JavaScript的基本应用通过训练掌握的知识内容，按照了解，熟练，掌握和精通进行描述训练总结J2ME程序设计项目训练四班级姓名学号联系电话E-mail开始时间结束时间教师张暑军训练内容融合JavaScript、HTML、CSS以及JSP技术实现《学生成绩管理系统》，系统共分10个模块，根据每个小组成员人数，每个人负责设计、实现、测试、调试各自负责的模块，编写自己的相关设计文档，小组组长负责将每个成员设计完成的作品整合成为一个完整的《学生管理系统》并提交，相关要求以及内容编写范例参见PPT文档和Word文档知识内容通过项目训练，学习JavaScript、HTML、CSS和JSP技术的应用，通过训练掌握这些技术内容的综合应用方法和方式，掌握JSP整体结构实现Web应用的思路，同时了解项目开发的整个过程，通过训练，时学习项目管理知识和软件测试技术，使得同学们对项目管理知识和软件测试技术的运用，了解项目开发过程中文档编写的基本方式和方法，了解软件测试计划以及软件测试报告的编写方法。
j2mod 的案例
j2mod 的案例
（原创版）
目录
1.j2mod 的背景和概述
2.j2mod 的核心技术和应用领域
3.j2mod 的优势和特点
4.j2mod 的案例分析
5.j2mod 的未来发展前景
正文
j2mod 是一款基于 Java 语言的开源框架，旨在为开发者提供一种简单、快速、高效的方式来构建和部署 Java 应用程序。
它具有低延迟、高性能、易于扩展和维护等特点，因此在 Java 开发领域中备受欢迎。
j2mod 的核心技术是模块化和容器化。
模块化是指将 Java 应用程序拆分成多个独立的模块，每个模块负责一个特定的功能，这样可以大大降低应用程序的复杂度和提高代码的可读性。
容器化是指将 Java 应用程序打包成一个独立的运行时环境，这样就可以在任何支持 Java 的平台上快速部署和运行应用程序。
j2mod 的应用领域非常广泛，包括 Web 应用程序、移动应用程序、
企业级应用程序等。
它的优势在于可以大大降低开发成本和提高开发效率，因此备受开发者青睐。
下面以一个具体的案例来说明 j2mod 的应用。
假设我们要开发一个
在线购物网站，使用 j2mod 可以将整个应用程序拆分成多个模块，如用
户模块、商品模块、订单模块等。
每个模块负责一个特定的功能，并且可以独立开发和测试。
开发完成后，我们将每个模块打包成一个容器，然后在服务器上部署容器即可。
这种方式不仅可以大大降低开发和部署的复杂
度，而且还可以提高应用程序的性能和可维护性。
对于未来，j2mod 将继续致力于提高 Java 开发的效率和质量。
calc css用法
calc css用法CSS（级联样式表）是一种用于描述网页外观和格式化的语言。
在CSS中，Calc是一种用于计算值的函数，它允许开发者使用数学表达式来动态计算样式属性值。
Calc函数可以处理基本的算术运算、比较运算符和单位转换，使CSS的样式设置更加灵活和精确。
本文将详细介绍Calc CSS的用法和常见应用场景。
一、Calc函数简介Calc函数允许在CSS中使用数学表达式来计算样式属性的值。
它基于浏览器解析器的计算能力，能够处理基本的算术运算、比较运算符和单位转换。
Calc函数的主要优点是能够根据元素的尺寸、位置和其他属性动态计算样式值，从而避免了硬编码具体的数值。
二、Calc函数语法Calc函数的语法相对简单，它由一系列表达式组成，每个表达式由一个或多个操作数和一个运算符组成。
操作数可以是长度、百分比、视口宽度、视口高度等CSS单位，也可以是其他CSS属性值。
运算符包括加（+）、减（-）、乘（*）和除（/）等基本算术运算符。
三、常见应用场景Calc函数的用法非常灵活，可以应用于各种CSS属性，下面列举几个常见的应用场景：1. 响应式设计：Calc函数可以用于计算视口宽度（vw、vh）和其他CSS单位，从而实现响应式布局。
例如，可以使用Calc函数来设置一个元素的字体大小，使其在不同屏幕尺寸下保持适当的比例。
2. 定位和尺寸：Calc函数可以用于计算定位元素的尺寸和位置。
例如，可以使用Calc函数来设置元素的top、right、bottom和left属性，以适应其容器的大小或相对于其他元素的位置。
3. 动画和过渡效果：在CSS动画和过渡效果中，可以使用Calc函数来计算关键帧之间的过渡值。
例如，可以使用Calc函数来设置动画的持续时间或速度曲线，以实现更加自然和流畅的效果。
4. 颜色计算：Calc函数还可以用于计算颜色值。
例如，可以使用HSL或HSV 颜色模型，结合Calc函数来计算不同颜色之间的转换或实现渐变效果。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
/cms/leftsection/documentation/design/css-basics/css-com mon.htmlStructure of polish.css (1)Structure of a Style Definition (1)The CSS Box Model:Margins and Paddings (2)The Layout Attribute (2)Colors (3)Structure of polish.cssStructure of a Style Definition 每个style都可以由不同的部分组成：The CSS Box Model:Margins and Paddings所有的GUI items都支持标准的CSSMargin 描述的是item之间的间隔距离。
Padding描述的是item的边框与屏幕大小的间距。
在J2ME Polish里，border-widths是不能够设置成不同值的。
Margin- 和padding- 属性(left, right, top, bottom)的间距当中，margin-的默认值是0象素，padding- 的默认值是1象素。
J2ME Polish也支持padding-(vertical, horizontal)。
可用padding-horizontal 值来设定一个item的label与屏幕上面的间距。
举例：该例子中，margin的属性当中，除margin-left被设置为10，其它值均为5。
以上的属性值设定可以用x% 表示，top, bottom, vertical 表示屏幕的高度的百分比，left, right, horizontal 值表示屏幕宽度的百分比。
The Layout AttributeLayout 的值可以使用“||”, “|”, “or”, “and”这些运算符组合在一起使用，他们表示同一种组合。
下表所列表示的结果是相同的。
Colors颜色值可以在colors 部分里定义。
颜色预定义值：还有一个预定义的颜色值：transparent,该颜色作用于一个透明的区域，该颜色只在full-screen menu当中的menu-bar当中使用。
The colors Section即为polish.css文件当中的colors部分，该部分定义了其它styles ,fonts, borders 以及background部分所使用到的颜色值，你可在该重写预定义的颜色值。
如何定义颜色值：可以以一个颜色值或者颜色变量来调用该颜色。
调用格式：color：xxx-color(可以是以上定义的颜色变量名或者颜色值)Fonts设置设置支持以下属性：Bitmap-FontsLabels所有的GUI-Item 都含有一个可以用polish.css 文件来设计的label;Backgrounds and BordersBefore and After Attributes属性：after / before 可用于在指定的GUI item 之前或者之后插入指定内容。
示例：下面例子当中在focused 尾部上插入了一个图片效果图:属性值说明 (6)Type (6)Color (6)Arc (6)Arc-width (6)Arc-height (6)Backgrounds (6)Simple Background (6)Round-Rect Background (7)Image Background (7)Circle Background (8)Pulsating Background (8)Pulsating Circle Background (9)Pulsating Circles Background (9)Opening Background (10)Opening-Round-Rect Background (10)Round-Tab Background (11)Smooth-Color Background (11)Tiger-Stripes Background (12)Borders (13)Simple Border (13)Round-Rect Border (14)Shadow Border (14)Top, Bottom, Left and Right Border (15)Screens: List, Form and TextBox (15)基本属性介绍 (15)View-type (16)Dropping view (16)Shuffle view (16)MIDP/2.0 View (17)Item介绍 (17)The StringItem: Text,Hyperlink or Button (17)The IconItem (18)The ChoiceItem (18)The ChoiceGroup (18)The Gauge (19)The TextField (19)The DateField (20)The Ticker (20)Tabbed Form (21)属性值说明Type使用该类型时的调用值background｛type: type-value;｝Color背景填充色;Arc圆角的直径，默认为10个象素Arc-width圆角直径宽度，默认值为arc-value(即为arc 所设值)Arc-height圆角直径高度，默认值为arc-value(即为arc 所设值).BackgroundsSimple BackgroundExample:Round-Rect Background直径为6个象素。
背景填充为紫色Image BackgroundCircle BackgroundPulsating Background 效果描述：Example:Pulsating Circle Background效果描述：Example:Pulsating Circles Background效果描述：两个颜色（first-color, second-color）圆环交替出现，并且此两圆环会从小变大，由最小Opening Background效果描述：屏幕正中开始出现一个高度为start-height 的颜色实心框，然后该颜色框将由中间向下下两边扩展到屏幕最上方和屏幕最下方。
Example:Opening-Round-Rect Background主要应用于focused –style 支持属性值：Example:Round-Tab Background效果图：属性Required 说明Smooth-Color Background效果描述：Example:Tiger-Stripes Background 效果图：Example:Borders边框,基本属性值有：Type设置borders 时的使用样式值：borders-value Color边框颜色Width边框宽度Simple Border基本的边框样式，也是默认样式，矩形圆框Example:Round-Rect Border圆角边框Shadow Border效果图：Example:Top, Bottom, Left and Right BorderScreens: List, Form and TextBox 基本属性介绍View-type定义forms,lists,choicegroups以及menus的显现样式，下面有几种常用于screen-style的样式Dropping view效果描述：Shuffle view效果描述：Example:MIDP/2.0 View效果描述：在一行当中尽可能多的显示内容，当一行显示不完时，转入一下行；或者下一下item 的layout 属性被设置为”newline-after”或”newline-before”。
该属性在使用时使用view-type:midp2。
不支持其它任何属性。
Item介绍The StringItem: Text,Hyperlink or ButtonTexts 无特别属性，padding-vertical说明：如果text 包含line-breaks属性，表示texts 之间的行距。
并依赖于文字的呈现样式P：普通样式。
A：下划线。
Button：按钮。
p{font-color: black;font-size: medium;background: none;}form {margin: 5;background-color: gray;border: none;font-size: medium;}form p{font-color: white;font-size:medium;}The IconItem当出现在文字border 的右边。
The ChoiceItemThe ChoiceGroupThe GaugeThe TextFieldTextField-CommandstextField 有默认的两个Command ，分别是：Clear/ Delete，Clear/Delete可在message.txt 文件当中对其进行修改。
可以在build.xml当中使用下面语句将这些Commands完全禁用。
<variable name=”polish.TextField.suppressCommands” value=”true”/>Direct Input ModeThe DateFieldExample:可在build.xml文件当中通过以下方式改变DateField 的显示方式。
<variable name=”polish.DateFormat” value=”us”/>显示格式：MM-DD-YYYY<variable name=”polish.DateFormat value=”de”/>显示格式：DD.MM.YYYY<variable name=”polish.DateFormat value=”fr”/>显示格式：DD/MM/YYYYThe Ticker属性：ticker-step：ticker移动距离，以象素为单位，默认移动距离2 象素。
Tabbed FormTabbed form 可以象form一样用css- 来设计，他还提供额外的预定义styles：。