摘要：
利用 元素，我们可以在网页中嵌入样式表。如果需要动态增加 元素，似乎可以用如下的 JavaScript 代码：var style = document.createElement("style");var head = document.getElementsByTagName("head")[0];head.appendChild(style);style.type = "text/css";style.id = "some-id";style.innerHTML = css;但是，这样直接用 style.inn 阅读全文
摘要：
网页中的表单元素用于向服务器提交数据。例如： Username: Password: 这样点击提交按钮后将会把用户名和密码提交并转到 http://example.com/signin.php。表单元素中包含的各种控件有如下这些：表单控件实际例子控件描述提交按钮提交提交表单中的各控件数据到服务器重置按钮重置清除表单中的各控件数据并重置为默认值推送按钮推送无默认操作，在按钮的事件处理函数中提交数据图片按钮提交所点击位置的 X 和 Y 坐标到服务器单选控件男女从若干选项中选择一个值多选控件苹果香蕉从若干选项中选择多个值下拉列表从下拉列表中选择一个值单行文本Us... 阅读全文
摘要：
前面已经介绍过网络字体（Web Fonts），而网络字体也可以作为图标字体（Icon Fonts）来用。图标字体是指把每个图标制作为字体的一个字符，从而组成的字体。这些字符自然是矢量图形，因此可以适应不同的大小，也可以随意调整颜色等。以 Font Awesome 这个图标字体为例。既然是网络字体，自然需要先引入它：@font-face { font-family: "FontAwesome"; src: url("fontawesome.woff") format("woff"), url("fontawesome.svg# 阅读全文
摘要：
在 Firefox 1.0+，Chrome 1.0+ 和 Safari 3.0+ 中，我们可以使用 -moz-appearance 或者 -webkit-appearance 属性让元素模仿系统原生控件的外观。在上述几个浏览器中，默认情形 button 元素的 -moz-appearance 或 -webkit-appearancee 属性为 "button"。这样浏览器将模仿系统按钮的外观来渲染该按钮。这样网页应用看起来就很像系统程序，在某些时候也许很有好处。大多数时候我们更喜欢自己定义按钮的样式。如果我们用 CSS 修改了该按钮的样式（大小或字体等除外），浏览器将放弃模 阅读全文
摘要：
在 CSS 中，利用 background-image 属性我们可以指定元素的背景图片，例如：.example { background-image: url(image/some.png); background-repeat: repeat;}其中，PNG 是常见的背景图片格式；较新的浏览器，比如 Chrome 8+，Firefox 4+，IE 9+，Opera 9.5+ 和 Safari 5+，也支持使用 SVG 格式的背景图片。当背景图片大小超过元素的大小时，我们可以用 background-repeat 属性指明重复覆盖的方式。通常，一个网站中会使用许多个小图片。为减少网络请求的.. 阅读全文