有没有办法让我的html页面看起来更好？
我创建了一个网页来控制我的电视（见下图）。当我单击按钮时，服务器接收POST请求并将其转换为IR信号 它起作用了。但是UI看起来很难看。我是网络前端的新手。是否有任何CSS库可以使按钮看起来更好，或者使用JS库实现动态外观 顺便说一句，web服务器托管在Arduino上，它有2K内存、16MHz CPU和30k闪存。因此没有足够的内存来保存内部CSS。我希望html页面尽可能小。我正在寻找的是CSS，我可以链接 2012年7月23日更新 我在下面添加了CSS代码，按钮看起来像字母，但还不够完美有没有办法让我的html页面看起来更好？,html,css,Html,Css,我创建了一个网页来控制我的电视（见下图）。当我单击按钮时，服务器接收POST请求并将其转换为IR信号 它起作用了。但是UI看起来很难看。我是网络前端的新手。是否有任何CSS库可以使按钮看起来更好，或者使用JS库实现动态外观 顺便说一句，web服务器托管在Arduino上，它有2K内存、16MHz CPU和30k闪存。因此没有足够的内存来保存内部CSS。我希望html页面尽可能小。我正在寻找的是CSS，我可以链接 2012年7月23日更新 我在下面添加了CSS代码，按钮看起来像字母，但还不够完美
button {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1da36), color-stop(100%,#fcf088));
background: -moz-linear-gradient(center top, #f1da36 0%, #fcf088 100%);
-webkit-box-shadow: 0px 0px 5px #777777, 0px 0px 2px #333333 inset;
-moz-box-shadow: 0px 0px 5px #777777, 0px 0px 2px #333333 inset;
box-shadow: 0px 0px 5px #777777, 0px 0px 2px #333333 inset;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding: 10px 15px;
border-color: #ffffff;
border-width: 1px;
border-style: solid;
font-size: 16px;
color: #000000;
font-weight: bold;
}
button:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeff07), color-stop(100%,#fcf088));
background: -moz-linear-gradient(center top, #eeff07 0%, #fcf088 100%);
}
button:active {
-webkit-box-shadow: 0px 0px 5px #333333 inset;
-moz-box-shadow: 0px 0px 5px #333333 inset;
box-shadow: 0px 0px 5px #333333 inset;
}
使用一个，然后使用“点击”事件触发代码隐藏，怎么样？尽管我强烈建议您至少查看一下。您可以使用CSS进行样式设置并将其保存在另一个文件中。然后，您可以在单独的服务器上托管CSS文件，并将其链接到外部
<head>
<link rel="stylesheet" type="text/css" href="http://www.myotherserver.com/mystyle.css" />
</head>
查看推特引导。不确定是否有托管版本。你好，巴法雷托，我无法访问我们国家的twitter。你能帮我贴张快照吗。虽然我看不懂它的源代码，但至少我知道更好的UI应该是什么。Bootstrap是一组用于网站的CSS和JavaScript组件，由Twitter上的人创建。它们有非常好看的按钮，只需要在HTML中包含一个CSS文件。Bootstrap托管在GitHub上，我希望您可以访问它：我知道CSS的基本语法。我能读懂CCS代码。如果使用图像显示控件，则可以获得整个图像的单击事件。如何区分单击的按钮？HTML地图标签允许您拍摄图像（如遥控器）并将其分割为多个可单击区域（如电源按钮、数字1等）。如果你看一下上面的HTML地图标签链接，你可以看到一个活生生的例子。“区域”标记有一个可被触发的图标，可以识别图像上的哪个区域被单击。感谢您的链接。我从中发现了很多很棒的按钮。我试试看。