我们正在努力恢复Google Play商店上的Unionpedia应用程序
传出传入
🌟我们简化了设计以优化导航！
Instagram Facebook X LinkedIn

CSS框架

指数 CSS框架

CSS框架是预先准备好的软件框架，允许使用层叠样式表语言更容易，更符合标准的进行网页设计。大多数这些框架包含至少一个栅格设计（grid）。功能更强大的框架，还配备了更多的功能和附加的基于JavaScript的功能，但大多设计导向的和Unobtrusive JavaScript。本文从功能和充分的JavaScript框架区分它们。 两个显着和广泛应用例子是Bootstrap和Foundation (framework)。其他,,, 。 一些更为大型的框架会使用CSS的解释器。例如LESS和Sass。.

目录

  1. 10 关系: 层叠样式表，Bootstrap，网页设计，瀏覽器引擎CSS支援比較，軟體框架，JavaScript，LESS (层叠样式表)，Sass，Unobtrusive JavaScript，栅格设计。

  2. 人機互動
  3. 可用性
  4. 响应式网页设计
  5. 用户界面
  6. 网页设计
  7. 行動網站

层叠样式表

层叠样式表（Cascading Style Sheets，简写CSS），又称串樣式列表、级联样式表、串接样式表、階--層式樣式表，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，由W3C定义和维护。目前最新版本是CSS2.1，为W3C的推荐标准。CSS3現在已被大部分現代瀏覽器支援，而下一版的CSS4仍在开发中。.

查看 CSS框架和层叠样式表

Bootstrap

Bootstrap是一组用于网站和网络应用程序开发的开源前端（所谓“前端”，指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码）框架，包括HTML、CSS及JavaScript的框架，提供字體排印、表單、按鈕、導航及其他各種元件及Javascript擴充套件，旨在使动态网页和Web应用的开发更加容易。 Bootstrap是GitHub上面被标记为“Starred”次数排名第二最多的项目。Starred次数超过124,000，而分支次数超过了47,000次。.

查看 CSS框架和Bootstrap

网页设计

网页设计是指使用标识语言（markup language），通过一系列设计、建模和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。 简单来说，网页设计的目的就是建立网站。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使超文件標示語言、可擴展超文本標記語言等標示語言放置到网站页面上。而更复杂的信息如矢量圖形、动画、视频、音效等多媒體檔案则需要外掛程式來運行，同樣地它們亦需要標示語言移植在網站內。 随着浏览器和W3C标准一致性的改善，以及無表格網頁設計的認同性增加，超文件標示語言與階層式樣式表共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。.

查看 CSS框架和网页设计

瀏覽器引擎CSS支援比較

以下的表格顯示一些瀏覽器引擎對於CSS的兼容性與支援的比較。想獲得更多訊息，請參照各產品的項目。此項目不見得包含所有的功能也不見得有最新消息。除非以附註指出特例，這裡以未加裝任何套件或是其他程式的穩定版本進行比較。.

查看 CSS框架和瀏覽器引擎CSS支援比較

軟體框架

軟體框架（software framework），通常指的是為了實現某個業界標準或完成特定基本任務的軟體組件規範，也指為了實現某個軟體組件規範時，提供規範所要求之基礎功能的軟體產品。 框架的功能類似於基礎設施，與具體的軟體應用無關，但是提供並實現最為基礎的軟體架構和體系。軟體開發者通常依據特定的框架實現更為複雜的商業運用和業務邏輯。這樣的軟體應用可以在支持同一種框架的軟體系統中運行。 簡而言之，框架就是制定一套規範或者規則（思想），大家（程序员）在該規範或者規則（思想）下工作。或者說使用别人搭好的舞台來做编剧和表演。 Category:软件工程.

查看 CSS框架和軟體框架

JavaScript

JavaScript，一种高级编程语言，通过解释执行，是一门动态类型，面向对象（基于原型）的直譯語言。它已经由ECMA（欧洲电脑制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、Firefox、Safari、Opera）支持。JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。 虽然JavaScript与Java这门语言不管是在名字上，或是在语法上都有很多相似性，但这两门编程语言从设计之初就有很大的不同，JavaScript的语言设计主要受到了Self（一种基于原型的编程语言）和Scheme（一门函数式编程语言）的影响。在语法结构上它又与C语言有很多相似（例如if条件语句、while循环、switch语句、do-while循环等）。 在客户端，JavaScript在传统意义上被实现为一种解释语言，但在最近，它已经可以被即时编译（JIT）执行。随着最新的HTML5和CSS3语言标准的推行它还可用于游戏、桌面和移动应用程序的开发和在服务器端网络环境运行，如Node.js。.

查看 CSS框架和JavaScript

LESS (层叠样式表)

#重定向 Less (层叠样式表).

查看 CSS框架和LESS (层叠样式表)

Sass

Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后，Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。 Sass是一个将脚本解析成CSS的脚本语言，即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”，与Haml类似，使用缩进来区分代码块，并且用--将不同规则分隔开。而较新的语法叫做“SCSS”，使用和CSS一样的块语法，即使用大括号将不同的规则分开，使用分号将具体的样式分开。通常情况下，这两套语法通过.sass和.scss两个文件扩展名区分开。 CSS3包括一系列选择器和伪类选择器，Sass设计了一些语法，对选择器功能进行了扩展。虽然扩展功能不是CSS的语法，但是Sass解释器会把SassScript解释成合乎CSS语法的CSS文件。此外，Sass解释器也可以对.sass或.scss文件的修改进行监视，以及时更新css文件。 Tutorial可以认为Sass在CSS基础上加入了许多语法糖。 Sass的官方解释器是开源的并且用Ruby语言写成，但是也有用PHP、C语言、Java等实现的版本（C语言版本叫做llibSass，Java语言版本叫做JSass）。 Sass中缩进是语法的一部分。SCSS是巢状元语言，一段合法的CSS代码也是一段合法的SCSS代码。Sass支持与Firefox插件Firebug集成。 SASS_REFERENCE SassScript提供以下功能：变量、嵌套、混入（Mixin）、选择器继承。.

查看 CSS框架和Sass

Unobtrusive JavaScript

#重定向 非侵入式JavaScript.

查看 CSS框架和Unobtrusive JavaScript

栅格设计

栅格设计系统（又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。.

查看 CSS框架和栅格设计

另见

人機互動

可用性

响应式网页设计

用户界面

网页设计

行動網站