描述 《BootStrap开发技术》课程标准.doc 《bootstrap》课程标准 教研室主任: 专业带头人:系(部)主任:教务处处长: 教学副院长: 审核批准日期: 二○一七年五月
《bootstrap》课程标准 (基本信息) 课程编码: 课程类别:专业方向课程 适应专业:网页设计 开设时间:大三上期 学时数:56学时 一、课程概述 (一)课程性质 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和Bootstrap 插件几个部分。每个部分都包含了与该主题相关的
简单有用的实例。 (二)课程基本理念 本课程通过企业项目开发流程为情景,学习并掌握BootStrap 开发的基础知识和基本开发技能。学生在学习本课程后具有一定的专业能力,可激发学生对后续专业课程的学习兴趣。课程结构上遵循企业 开发“流程化”、项目“兴趣化”、教学“项目实战化”、模式“前瞻化”、教材“权威化”、授课“案例化”等国内领先的IT工程师培养模式,并且结合科学的考核评价模式。通过全方位课程设计、全真的工作环境、探索研究工学结合的培养模式,提高学生职业技能,最终实现岗位无缝对接。 (三)课程的设置与设计思路 本课程立足于培养学生的动手实践能力,教学活动基本上围绕着职业导向而进行,对课程内容的选择标准进行创造性的根本改革,打破以书本知识传授为主要特征的传统学科课程模式,转变为以工作情景任务为中心组织课程内容和实施课程教学,让学生在完成具体项目的过程中发展职业能力并掌握相关理论知识,真正做到学以致用,从而发展职业能力。 本课程的框架结构,经过与企业专家系统的讨论分析,按实际需要及由简入繁的原则,最终确定了学习培养标准。最终达到掌握BootStrap主流框架的目标,本课程共80课时,其中实践50课时。
经济学基础文献选目 经济学基础文献选目(暂定) 第一单元:现代经济学方法论 1、弗里德曼:“实证经济学的方法论” 2、周其仁:“研究真实世界的经济学:科斯研究经济学的方法及其在中国的实践”。 3、阿尔钦:“不确定性、进化与经济学” 4、丹尼尔.贝尔:“经济论述中的模型与现实” 第二单元:经济运行的一般过程 5、里德:“铅笔的故事” 6、雷德福德:“战俘营的经济组织”。 第三单元:知识、信息与人类行为 7、哈耶克:“知识在社会中的利用”。 8、斯蒂格勒:“信息经济学”。 9、阿伦.杨“递增报酬与经济进步” 10、亚当.斯密:《国富论(节选)》。 第四单元:新制度经济学 11、张五常:“关于新制度经济学” 12、科斯:“生产的制度结构”。 13、科斯:“企业的性质” 14、科斯:“社会成本问题” 15、德姆塞茨:“关于产权的理论” 16、阿尔钦、德姆塞茨:“生产、信息费用与经济组织” 第五单元:经济学的性质、范围和边界 17、凯恩斯:“我们孙辈的经济学”。 18、兰格:“马克思经济学与现代经济理论”。 19、赫什拉弗:“扩张中的经济学领域”。 20、贝克尔:“观察生活的经济方式”。 经济学基础教材简介 一、入门教材:人大版《经济科学译丛系列》 1、曼昆《经济学原理》上下册,88元。梁小民教授翻译。曼昆为哈佛高才生,天才横溢,属新古典凯恩斯主义学派,研究范围偏重宏观经济分析。 该书为大学一年级学生而写,主要特点是行文简单、说理浅显、语言有趣。界面相当友好,引用大量的案例和报刊文摘,与生活极其贴近,诸如美联储为何存在,如何运作,Greenspan 如何降息以应付经济低迷等措施背后的经济学道理。该书几乎没有用到数学,而且自创归纳出“经济学10大原理”,为初学者解说,极其便利完全没有接触过经济学的人阅读。学此书,可了解经济学的基本思维,常用的基本原理,用于看待生活中的经济现象。可知经济学之功用及有趣,远超一般想象之
经济学初级到高级推荐教材一览 济学初级到高级推荐教材一览 一、入门教材: 人大版《经济科学译丛系列》 1、曼昆《经济学原理》上下册,88 元。梁小民教授翻译。曼昆为哈佛高才生,天才横溢,属新古典凯恩斯主义学派,研究范围偏重宏观经济分析。 该书为大学一年级学生而写,主要特点是行文简单、说理浅显、语言有趣。界面相当友好,引用大量的案例和报刊文摘,与生活极其贴近,诸如美联储为何存在,如何运作,Greenspan 如何降济学10 大原理”,为初学息以应付经济低迷等措施背后的经济学道理。该书几乎没有用到数学,而且自创归纳出“经者解说,极其便利完全没有接触过经济学的人阅读。学此书,可了解经济学的基本思维,常用的基本原理,用于看待生活中的经济现象。可知经济学之功用及有趣,远超一般想象之外。推荐入门首选阅读。目前国内已经有某些教授依据此书编著《西方经济学》教材,在书中出现“经济学10 大原理”一词,一眼便可看出是抄袭而来。2、萨缪尔森《经济学》(Economics) 萨缪尔森,新古典综合学派的代表人物,1970 年成为第一个荣获诺贝尔经济学奖的美国人。研究范围横跨经济学、统计学和数学多个领域,对政治经济学、部门经济学和技术经济学有独到的见解。目前经济学各种教科书,所使用的分析框架及分析方法,多采用由他1947 年的《微观经济分析》发展糅合凯恩斯主义和传统微观经济学而成的“新古典综合学派” 理论框架。他一直热衷于把数学工具运用于静态均衡和动态过程的分析,以物理学和数学论证推理方式研究经济。目前经济学理论数学化大行其道,此翁实始作俑者。 《经济学》由美国麦格劳——希尔图公司1948 年初版。现已出第16 版,通行全世界。国内50 年代由高鸿业教授根据英文第10 版翻译,商务印书馆于1981 年出版。市面之16 版,是和诺德豪斯合写,由萧深教授翻译,并拆为《宏观经济学》和《微观经济学》两个单行本出版。 全书结构宏伟,篇幅巨大。可谓博大精深。渗透老萨数十年经济学见解。字里行间,三言两语,每有深意。其中诸如“热情的心,冷静的头脑” 、“相关未必因果”等言语,可谓经济学之《老子》。读完该书,可了解经济学所探讨问题在经济学体系中之位置及分析框架,对经济学有一个完备之认识框架。知识庞杂,有一体系框架,则适宜以后更进一步学习。学之愈深,愈知此框架之重要。尽管该框架在宏观经济学的微观基础方面仍有断层,但不失为一个好框架。此书国内有机工版发行之英文版。建议直接阅读英文版。 、斯蒂格利姿《经济学》及系列辅助教材。斯蒂格利姿在信息经济学成就甚高,此书可作为前二者的补充,前二者所涉及经济学内容主要是以价格理论及边际分析为基础,不包括不对称信息经济学、不确定性分析部分。斯蒂格利姿之《经济学》可填充前二者之空白。尽管三位作者政策倾向不同,但教材体现凯恩斯主义的特征稍多一点,总体上讲,教材相当客观和公允。很适宜做入门教材。 4、《经济学、原理、问题与政策》及《经济学原理与问题》、〈经济学案例〉、〈经济学小品〉、《经济学悖论》、〈社会问题经济学〉等。此类书之特点是先提问题,再论原理,主要是针对社会习见问题,逐步解释原理,水平、内容大多较好,唯缺乏体系与框架,适宜略懂经济学者补充学习。 5、国内老师自行编写之《西方经济学》教材:目前国内各大学自己编写的直接冠以《西方经济学》或〈经济学原理〉均属入门教材。如高鸿业、历以宁、宋承先、梁小民、朱锡庆、尹伯成、司春林等等。然皆远逊外国教材。其中宋承先之《西方经济学》教材,竟用黑体加插一段马克思论地租之说法,以说明所传授学问之错误. 说明: 1、越基础性之教材越需深入浅出,将复杂抽象的道理联系到生活实际上,才讲的透彻,又能调起初学者之兴趣。国外教材,形成一竞争市场,多极高明之著作,教材之撰写也充分考虑学生学习之便利,如曼昆之教材,以完全不带数学式而著称,又或更新换版本极快,以及时吸收新知识,如斯蒂格利姿《经济学》之增加不对称信息部分。低手所写教材自然被市场淘汰。故市面之基础教材,多为大高手所写就。 2、国内教材,建国以来,除商务系列丛书初期之100 年前古典学派部分,政府同意翻译以 作为马克思批判之反面教材得以出版外,80年代以前,近50 年间国外经济学研究学问之成就,国人皆不
BootStrap入门教程 本作品由VentLam创作,采用知识共享署名-非商业性使用-相同方式共享2.5 中国大陆许可协议进行许可。 BootStrap入门教程(一) 2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立,在github上开源之后,迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码,社区惊人地活跃,代码版本进化非常快速,官方文档质量极其高(可以说是优雅),同时涌现了许多基于Bootstrap建设的网站:界面清新、简洁;要素排版利落大方。如下图所示: https://https://www.sodocs.net/doc/ee16159104.html,/ http://www.fleetio.co m/
GitHub上这样介绍bootstrap:简单灵活可用于架构流行的用户界面和交互接口的html,css,javascript工具集。基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档,自定义JQuery插件,完整的类库,基于Less等。本系列教程遵循官方文档结构来介绍bootstrap,包括手脚架(Scaffolding),基础CSS,组件,javascript插件,使用LESS与自定义.本文主要介绍Boo tstrap的基础布局--Scaffolding. Bootstrap建立了一个响应式的12列格网布局系统,它引入了fixed和fluid-with两种布局方式。我们从全局样式(Global Style),格网系统(Grid System),流式格网(Fluid grid System),自定义(Customing),布局(Layouts),响应式设计(Responsive Design)这六五个方面深入讲解Boostrap的scaffolding. 全局样式(Global Style).Bootstrap要求html5的文件类型,所以必须在每个使用bootstrap页面的开头都引用: ...
Bootstrap笔试题教程文件 一、单选题(针对以下题目,请选择最符合题目要求的答案。针对每一道题目,所有答案都选对,则该题得分,所选答案错误或不能选出所有答案,则该题不得分。每题2.5分,共80分。) 1. Bootstrap 插件全部依赖是() A.JavaScript B.JQuery C.Angular JS D.Node JS 2. 栅格系统小屏幕使用的类前缀是() A. .col-xs- B. .col-sm- C. .col-md- D. .col-lg- 3. 如下代码中,想要在超小屏幕和小屏幕显示两列,在中屏幕和大屏幕显示三列,三个div的class正确的写法是()
A. col-sm-6 col-md-4,col-sm-6 col-md-4,col-sm-6 col-md-4
B. col-sm-6 col-lg-4,col-sm-6 col-lg-4,col-sm-6 col-lg-4 C. col-xs-6 col-lg-4,col-xs-6 col-lg-4,col-xs-6 col-lg-4 D. col-xs-6 col-md-4,col-xs-6 col-md-4,col-xs-6 col-md-4 4. 下面可以实现列偏移的类是() A..col-md-offset-* B. .col-md-push-* C. .col-md-pull-* D. .col-md-move-* 5.表单元素要加上什么类,才能给表单添加圆角属性,和阴影效果() A.form-group B.form-horizontal C.form-inline D. form-control 6.img-responsive类可以让图片支持响应式布局,它的实现原理是() A.设置了max-width: 100%;和height: auto; B. 设置了max-width: 100%; 和height: 100%; C. 设置了width: auto; 和max-height: 100%; D. 设置了width: auto; 和height: auto; 7.输入框组想加上图标,可以实现对表单控件的扩展的类是() A. .input-group-btn B. .input-group-addon
Bootstrap简易使用指南 Bootstrap简易使用指南 看完使用手册后所作的笔记,可以当做简易使用指南使用。 1.框架 1.1全局样式 使用HTML5的doctype,scaffolding.less中定义全局样式,从2开始使用normalize.css,并使用reset.less进行简化 1.2默认栅格系统 940px宽12列栅格,使用row与span[NUM]的class来控制,使用offset[NUM]来控制偏移,于non-fluid可以直接嵌套,提供了四种响应式方案 1.3流动栅格系统 基于百分比,将row改为row-fluid即可使用,内嵌注意宽度是按照父列的百分比进行计算的 1.4自定义栅格 于variables.css中改变变量,默认列12,宽60px,间隔20px,要保证响应性还得修改responsive.less中内容 1.5布局 container为940px居中,container-fluid则为流体布局 1.6 响应式设计 responsive.less中提供了一组media query: 智能手机《=480px;流式列,非固定宽度 垂直平板《=767px;流式列,非固定宽度 水平平板》=768px;42px 20px
默认》=980px;? ? ?60px ?20px 大分辨率》=1200px;70px 30px 要求添加meta标签, 有诸如.visible-phone等支持类 2.基础CSS 2.1 排版 整个排版单位基于variables.less中@baseFontSize与@baseLineHeight两个变量; 强调:string加粗,em倾斜,abbr缩写【title属性存放显示信息,.initialism会减小缩略词字体】,address【使用br换行】 引用:blockquote【cite属性存放来源URL,.pull-left或right决定内容居左右】,small用于引言作者【会在内容前加入破折号】 列表:ul无序号有黑点,ul.unstyled无样式,ol有数字序号,dl描述,dl.dl-horizontal水平描述 2.2代码 code行级代码,pre块级【<>需要转义,.pre-scrollable可以设置350px最大高度】,应用.prettyprint和.linenums来美化代码【使用google prettify】 2.3表格 table thead【tr】tbody【tr】tr【td或th】th【必须在thead之内】caption; .table行之间有水平线分割【2.0开始为默认】 .table-borderd 【边角为圆角】.table-striped 奇偶分开【使用:nth-child ie7-8不支持】 .table-condensed 紧凑竖直方向padding减半几个可以组合使用 2.4表单 四种表单:.form-vertical【2.0后默认,控件标签文字左对齐】.form-inline【左对齐,控件inline-block】 .form-search【文本框圆化】 .form-horizontal【左浮动,标签与控件居于同
BootStrap开发技术课程标准.doc v1.0可编辑可修改《b ootstrap 》课程标准 教研室主任: 专业带头人: 系 ( 部) 主任: 教务处处长: 教学副院长: 审核批准日期: 二○一七年五月 《 bootstrap》课程标准 (基本信息)
v1.0可编辑可修改 课程编码: 课程类别:专业方向课程 适应专业:网页设计 开设时间:大三上期 学时数: 56 学时 一、课程概述 (一)课程性质 Bootstrap ,来自 Twitter ,是目前最受欢迎的前端框架。 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。 Bootstrap 是基于HTML、CSS、JAVASCRIPT的,它简洁灵活,使得 Web 开发更加快捷。本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件几个部分。每个部分都包含了与该主题相关的简单有用的实例。 (二)课程基本理念 本课程通过企业项目开发流程为情景,学习并掌握 BootStrap 开发的基础知识和基本开发技能。学生在学习本课程后具有一定的专业能力,可激发学生对后续专业课程的学习兴趣。课程结构上遵循企业开发“流程化”、项目“兴趣化”、教学“项目实战化” 、模式“前瞻化” 、教材“权威化”、授课“案例化”等国内领先的 IT 工程师培养模式,并且结合科学的考核评价模式。通过全方位课程设计、全真的工作环境、探索研究工学结合的培养模式,提高学生职业技能,最终实现岗位无缝对接。 (三)课程的设置与设计思路 本课程立足于培养学生的动手实践能力,教学活动基本上围绕着
《Bootstrap响应式应用技术》课程教学大纲 《Bootstrap响应式应用技术》教学大纲 一、课程目的 本课程侧重于介绍Bootstrap框架的基础知识及开发技能。随着Web开发技术的发展,以及用户对应用体验的要求日益提高,致使开发一个web应用时,不仅仅考虑其功能是否足够完备,更重要的是考虑如何才能提高用户体验。这是理性的回归,同时也是Web开发的必然趋势,而Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的。因此,Bootstrap也成为了Web开发学习之路上所必需掌握的技能。 二、课程性质和任务 本课程通过企业项目开发流程为情景,学习并掌握Bootstrap开发的基础知识和基本开发技能。学生在学习本课程后具有一定的专业能力,可激发学生对后续专业课程的学习兴趣。课程结构上遵循企业开发“流程化”、项目“兴趣化”、教学“项目实战化”、模式“前瞻化”、教材“权威化”、授课“案例化”等国内领先的IT工程师培养模式,并且结合科学的考核评价模式。通过全方位课程设计、全真的工作环境、探索研究工学结合的培养模式,提高学生职业技能,最终实现岗位无缝对接。 三、教学要求 本课程的框架结构,经过与企业专家系统的讨论分析,按实际需要及由简入繁的原则,最终确定了学习培养标准。最终达到掌握Bootstrap框架的目标,故应特别注重应用能力的培养。具体要求如下: ●能够熟练使用CSS3结合HTML5实现网页布局; ●熟练使用jQuery实现交互式操作; ●熟练使用Bootstrap CSS基于页面的相关设置; ●熟练使用Bootstrap CSS响应式辅助; ●熟悉使用Bootstrap常用字体图标的运用; ●熟练使用Bootstrap布局组件运用; ●熟练使用Bootstrap布局组件分页及徽章的合理运用; ●熟练使用Bootstrap布局组件进度条及面板运用; ●熟练使用Bootstrap插件的相关运用; ●熟练使用Bootstrap滚动监听;
bootstrap中文手册指南 Bootstrap简易指南 看完使用手册后所作的笔记,可以当做简易使用指南使用。 1.框架 1.1全局样式 使用HTML5的doctype,scaffolding.less中定义全局样式,从2开始使用normalize.css,并使用reset.less进行简化 1.2默认栅格系统 940px宽12列栅格,使用row与span[NUM]的class来控制,使用offset[NUM]来控制偏移,于non-fluid可以直接嵌套,提供了四种响应式方案 1.3流动栅格系统 基于百分比,将row改为row-fluid即可使用,内嵌注意宽度是按照父列的百分比进行计算的 1.4自定义栅格 于variables.css中改变变量,默认列12,宽60px,间隔20px,要保证响应性还得修改responsive.less中内容 1.5布局 container为940px居中,container-fluid则为流体布局 1.6 响应式设计 responsive.less中提供了一组media query:
智能手机《=480px;流式列,非固定宽度 垂直平板《=767px;流式列,非固定宽度 水平平板》=768px;42px 20px 默认》=980px;? ? ?60px ?20px 大分辨率》=1200px;70px 30px 要求添加meta标签, 有诸如.visible-phone等支持类 2.基础CSS 2.1 排版 整个排版单位基于variables.less中@baseFontSize与@baseLineHeight两个变量; 强调:string加粗,em倾斜,abbr缩写【title属性存放显示信息,.initialism会减小缩略词字体】,address【使用br换行】 引用:blockquote【cite属性存放来源URL,.pull-left或right决定内容居左右】,small用于引言作者【会在内容前加入破折号】 列表:ul无序号有黑点,ul.unstyled无样式,ol有数字序号,dl描述,dl.dl-horizontal水平描述 2.2代码 code行级代码,pre块级【<>需要转义,.pre-scrollable可以设置350px最大高度】,应用.prettyprint和.linenums来美化代码【使用google prettify】
经济学基础简明教程课后答案 第一章 1. 略去 2. B 3. B 4. C 5. B 6. 在西方经济学中,成本一般是指厂商在组织生产活动中所使用的各种生产要素的价格, 即为获取一定经济成果而支出的一切费用,它不仅包括原材料、燃料、辅助材料、固定资产折旧、工人工资、管理人员薪酬等费用,还包括资本的报酬--利息,土地租金--地租,企业家才能的报酬--利润。这样的成本也称生产费用。而机会成本是指一定的生产要素被用于生产某种产品时所放弃的用于生产另一种产品时可能获得的最大收益。由此可见,生产一种物品的机会成本越高,说明这种物品生产的效率或者说效益就越低。在这里,经济效率或者效益是用经济利润来表示的。所谓经济利润是指销售收入减去机会成本的差额。生产一种物品的机会成本越低, 表明这种物品生产的效率就越高。 第二章
第三章
第五章 1、名词解释 1.市场:指商品买卖的交易场所。一个市场可以是有形的,也可以是无形的。从本质上讲,市场是商品买卖双方相互作用并得以决定其交易价格和交易数量的一种组织形式。 2.完全竞争市场:是指竞争充分而不受任何阻碍和干扰的一种市场结构。垄断市场:指一家厂商控制了某种产品的市场状态。 3.垄断竞争市场:是一个市场中有许多厂商生产和销售有差别的同种商品的一种市场组织。 4.寡头市场:在西方也称寡头垄断,是指一种商品的生产和销售有少数几家大厂商所控制的市场结构。 13、完全竞争市场具备的条件:(1)市场上有众多的经营主体,并且任何经营主体都不能影响市场价格(2)市场上的产品是同质或无差别的(3)资源具有完全自由流动性(4)完全对称的信息或知识 14、垄断产生的原因:(1)单个厂商拥有生产某种商品的关键资源的排他性所有权(2)单个厂商拥有专利权(3)政府特许权(4)自然垄断垄断市场的特征:(1)从厂商数量来看,垄断是整个行业中只有唯一一个厂商的市场组织。这个特征使得垄断厂商的需求曲线成为市场的需求曲线,企业即为行业。(2)从所生产或经营的产品来看,该垄断厂商生产和销售的商品,独一无二,没有任何相近的替代品。(3)从进入壁垒状况来看,其他任何厂商进入该行业都极为困难或不可能。(4)完全垄断企业是市场价格的制定者。垄断竞争市场具备的条件:(1)产品差别的存在(2)行业中存在数量很多的厂商,他们之间有较为激烈的市场竞争,但是厂商个体市场竞争力量并不强。(3)厂商的生产规模普遍比较小,各自所占的市场比例都相对较小,厂商的行为不足以影响市场需求及供给。(4)厂商进入或退出该行业都比较容易,流动性较强 15、寡头市场的特点:(1)行业中只有少数几家大厂商,它们的供给量均占有市场的较大份额(2)厂商的决策互相影响,因而任何一家厂商在作出决策时都必须考虑竞争对手对其做出的反应(3)厂商的竞争手段是多种多样的,但市场价格相对稳定
Bootstrap前端框架 Bootstrap 标题(一) Bootstrap和普通的HTML页面一样,定义标题都是使用标签
到,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示: 通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置: 1、重新设置了margin-top和margin-bottom的值,h1~h3重置后的值都是20px;h4 ~h6重置后的值都是10px。 2、所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都继承父元素的颜色和字体。 3、固定不同级别标题字体大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14px 和h6=12px。 标题(二) 除此之外,我们在Web的制作中,常常会碰到在一个标题后面紧跟着一行小的副标题。在Bootstrap中他也考虑了这种排版效果,使用了标签来制作副标题。这个副标题具有其自己的一些独特样式: 1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。 2、由于内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h 6内的字号都设置为当前字号的75%; 详细代码请参阅bootstrap.css文件中第407行~第443行。 段落(正文文本)
段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本): 1、全局文本字号为14px(font-size)。 2、行高为1.42857143(line-height),大约是20px(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也有这样的功能)。 3、颜色为深灰色(#333); 4、字体为"Helvetica Neue", Helvetica, Arial, sans-serif;(font-family),或许这样的字体对我们中文并不太合适,但在实际项目中,大家可以根据自己的需求进行重置,在此我们不做过多阐述,我们回到这里。该设置都定义在
元素上,由于这几个属性都是继承属性,所以Web页面中文本(包括段落p元素)如无重置都会具有这些样式效果。 /*源码请查看bootstrap.css文件中第274行~280行*/ 另外在Bootstrap中,为了让段落p元素之间具有一定的间距,便于用户阅读文本,特意设置了p元素的margin值(默认情况之下,p元素具有一个上下外边距,并且保持一个行高的高度): /*源码请查看bootstrap.css文件中第467行~469行*/ 如果你对CSS预处理器有所了解,那么你完全可以根据Bootstrap提供的预编译版本LES S(或者Sass)进行自定义排版设置。在Bootstrap中,排版设置的默认值都存在variables. less文件中(Sass版本存在_variables.scss中)的两个变量: LESS版本: Sass版本:
个人学习总结-BootStrap入门教程 注明:该文档由本人整理于2013年12月8日 Bootstrap中文参考网站:https://www.sodocs.net/doc/ee16159104.html,/ BootStrap最新版源码下载:https://www.sodocs.net/doc/ee16159104.html,/ 官网下载的Bootrsap源码包含下列文件: 构建bootstrap基础网页(可以作为网页的基础模板,以后直接复制过去,然后就可以使用bootstrap定义好的相关标签等等) 如图1-1所示: 图1-1 说明: 1) 使用来修复网页在移动设备上显示的问题 2) 这是对ie9之前等版本不支持HTML5的浏览器进行特殊的处理 4)在head中的bootstrap-responsive.css是非必须文件,可以不引入,这个文件的主要作用是做一个响应式的网页。 5)在网页中bootstrap.css是bootstrap中的样式文件,bootstrap.js是脚本文件,两个文件相互对应,引入的顺序和位置一般是:CSS文件在head标签中引入,js文件在body标签里引入。其中jquery文件要在bootstrap脚本文件之前引入。 6)Bootstrap是基于HTML5网页的,所以首先要建立一个HTML5类型的网页 做完以上的操作就建好了一个基本的bootstrap网页了,然后就可以在body里面使用bootstrap中定义好的各种好看的样式。 简要说明 在Bootstrap中,网页按照十二栏的布局分布,在div中通过span类可以定义该div块占据多少栏,span1~span12可以选择。如下图1-2所示: