电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

BootstrapCSS在网页设计中的运用

BootstrapCSS在网页设计中的运用_第1页
1/9
BootstrapCSS在网页设计中的运用_第2页
2/9
BootstrapCSS在网页设计中的运用_第3页
3/9
BootstrapCSS 在网页设计中的运用 一、现行的主流结构 在 Web 开发中的弊端目前网页设计师在设计网页时常用的主流结构是 DIV+CSS,其中 CSS 是英语 CascadingStyleSheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言,负责前段页面的美观。但是编写 CSS 文件是一个繁冗细致的工作,不但需要有一定的代码编写能力,更对美术设计功底有一定的要求。在网站项目开发中,往往需要编写大量的CSS 代码,假如没有一定的经验,很容易造成大量代码混杂,尤其是 DIV+CSS 编码,其本身并没有统一的法律规范,很容易造成外联样式与行内样式冗余等其他问题。其次,浏览器兼容性也是在前端设计时无法避开的问题,由于目前浏览器对 CSS 的代码识别不同,使得相同的 CSS 样式在不同类型、不同版本的浏览器上存在较大的显示差异。而解决这样的问题不仅需要在编写时高度注意,更需要通过大量的测试来确定最终的效果,反复的测试无疑在很大程度上降低了网页开发效率。针对于以上问题,使用 CSS 框架就能够很巧妙的避开这些弊端,无论是网页设计新手,还是后台开发人员,只需要对 html 有一定的了解,就能够独立完成一个页面的展示。而针对于经验丰富的开发人员,CSS 框架则无疑加快了开发速度,整体提升了全站建设的开发效率。 二、CSS 框架的优点与现有成熟框架 框架本身是指一种能够使用在项目中概念上的结构。CSS 框架也是这样的一种结构,它是多个 CSS 代码的集合文件,也可以说是一个开源的用于前端开发的工具包,里面包含支持该框架的字体排版,表单样式,表格布局等等。在开发过程中,网页工程师只需要给 html 元素加上所需的类,就可以快速的得到该风格的相关组件,而无需像传统编码一样一一实现,而现在成熟的 CSS 框架拥有较高的通用性和浏览器兼容性,省去了大量的测试修改时间。目前已经存在的 CSS 框架日益增多,下面简单介绍几种较为流行的 CSS 框架: 1.ElementsCSS 框架 Elements 是一个基础 CSS 框架,它不仅是一个框架,还拥有自己的工作流。 2.YUIGridsCSS 框架 YUIGrids 是由 Yahoo 开发小组开发而成。该框架提供 4 种页面宽度,6 种边框模板,该框架提供了超过 1000 个页面布局。 3.BlueprintCSS 框架 该框架是比较早出现的,基于静态 CSS 的框架。主要由SASS 动态语言为 CSS 提供了变量、Mixin、运算符等功能。 passCSS 框架 这款基于 ...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

BootstrapCSS在网页设计中的运用

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部