css占tss的比例

在前端开发中，CSS与TSS是不可分割的一对好搭档。CSS是指层叠样式表，而TSS则是Titanium中的样式表。在Titanium开发中，CSS占TSS的比例通常是很小的。

css占tss的比例

这是因为Titanium中的TSS是专门为移动应用设计的样式表语言，并且具有针对移动设备的优化。TSS中提供了很多针对移动应用的特殊样式，如界面元素的缩放、透明度设置、背景图像设定以及不同屏幕分辨率的适配等等。

相比之下，CSS主要是用于Web开发中的样式表语言。虽然CSS也可以用于移动应用的开发中，但是在这种情况下，需要编写专门的移动CSS以适应移动设备，而这会导致代码的冗余。

/*
以下是一个使用CSS和TSS两种样式表语言的例子，
可以看到在这个例子中，CSS仅占很小的比例
*/
 
.table {
    width:90%;
    margin:0 auto;
    border-collapse: collapse;
    font-size: 16px;
    color:#333;
    font-family:Helvetica,Arial,sans-serif;
}
 
.table tr {
    background-color: #f5f5f5;
    border-top: 1px solid #fff;
    color:#333;
    line-height: 25px;
    font-size: 12px;
}
 
.table td {
    padding: 3px;
    border-bottom: 1px solid #fff;
    color:#333;
    vertical-align: middle;
}
 
".table": {
    width: "90%",color: "#333",font: { fontSize: 16,fontFamily: "Helvetica,sans-serif" },backgroundColor: "#f5f5f5",borderTop: { color: "#fff",width: 1},borderStyle: Ti.UI.INPUT_BORDERSTYLE_NONE,borderRadius: 5,borderColor: "#ccc",borderWidth: 1,layout: "vertical",}
 
".table row": {
    backgroundColor: "#f5f5f5",height: Ti.UI.SIZE,}
 
".table row:last-child": {
    borderBottom: { color: "#fff",}
 
".table row:nth-child(even)": {
    backgroundColor: "#eaeaea",}
 
".table label": {
    width: Ti.UI.SIZE,font: { fontSize: 12 },textAlign: "center",top: 0,left: 0,bottom: 0,paddingLeft: 6,paddingRight: 6,verticalAlign: Titanium.UI.TEXT_VERTICAL_ALIGNMENT_CENTER,}
 
".table value": {
    backgroundColor: "transparent",textAlign: "left",verticalAlign: Titanium.UI.TEXT_VERTICAL_ALIGNMENT_CENTER
}

综上，虽然CSS和TSS都是样式表语言，但在移动应用开发中，为了能够更好地适应移动设备的特性，TSS的比例通常会比CSS小很多。

相关推荐