这次写的是Bootstrap，用来记录一下
注：因为在这里面标签名也可以使用所以用中文的标签代替！！
【内容】
主要讲的Bootstrap的概括
利用媒介查询，实时更改布局，达到更好展现内容的目的。
通俗得讲是：css根据屏幕宽度，自动调整网页div显示和布局，以适应不同尺寸屏幕优化浏览体验。根据浏览器的大小，一般设计2种。
优点：许多样式不需要自己去定义，而且提供了内置十几个插件，可以进行快速开发，而且适应主流浏览器。
拓展：除了Bootstrap，还有一项css3新技术，是有关于单位的--rem，是相对于根元素的字体大小。这里的根元素，是指的HTML元素，设置html字体大小，就可以控制rem大小。
1.Bootstrap–创建页面步骤
1. 创建基本的页面
2. 添加 Bootstrap 文件引用：
①添加样式引用；
②添加脚本引用（由于 bootstrap使用了jQuery的脚本，所以还需要下载jquery脚本库。在文档尾部紧邻 之间添加 jquery和bootstrap脚本库引用。）；
③添加 bootstrap 容器（.container 类是非常有用的，它能在页面中创建一个居中的区域，然后我们能够把其他位置的内容放到里面。container类等价于创建了一个具有静态宽度并且magin值为auto的一个居中的div框；container-fluid 则是一个全宽的容器，使用整个宽度。）
·3.添加页面主要元素
2.Bootstrap配置
引入 Bootstrap 框架相关文件
Bootstrap说白了就是一个样式表文件（bootstrap.min.css）和一个js文件（bootstrap.min.js），在页面里把它们引入进来后，就可以直接使用里面的 CSS 规则和各种组件了。
引入方式：
(1)远程CDN(内容分发网络)引入;添加链接描述
(2)本地文件引入
这里推荐使用CDN源上的远程文件，可以节约本地的带宽,减少服务器负载，提高访问效率。
另外，由于Bootstrap还依赖jQuery 库，所以也要一并把这个jquery.min.js文件引入。
层叠样式表—jquery库—bootstrap核心js库
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
【引入顺序】
注意几个文件的前后顺序，如果不对，会导致页面无法正常运行。
（1）首先引入 bootstrap.min.css （Bootstrap的样式表文件），然后引入自己写的css文件（style.css），之后引入 jQuery，最后引入 bootstrap.min.js 程序文件
（2）本地文件引入方式—下载链接：http://v3.bootcss.com/getting-started/#download
如果在没有联网的环境或者用上面的方式引入文件后浏览器报错，可以把 Bootstrap 的所有文件下载到本地后再引用到页面中。把压缩包下载后解压，全部放到工程目录下的bootstrap里面。
引入文件类目：css，js，fonts
css：bootstrap的层叠样式表，包含内部核心组件样式
fonts：字体样式
js:压缩和未压缩版的核心库
查看效果，检验是否引入成功：http://www.runoob.com/try/try.php?filename=bootstrap3-navbar-responsive
【例子作用解析 】
Bootstrap 做了些什么？
打开 assets/bootstrap/ 目录下的样式表文件 bootstrap.min.css ，可以看到里面定义了大量的 CSS 规则，例如下面这段就定了一个类名为 btn-primary 的规则。
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
现在测试一下，在 Home_index.html 文件里面写一个按钮，添加 class 为 btn btn-primary 。
按钮
刷新页面，你会看到一个蓝色的按钮。不需要自己写一行 CSS 代码，只要在页面里面给某个元素指定一个 class ，就可以直接显示出预定的样式—— 这就是使用 Bootstrap 前端框架的魔力。
3.全局css样式
可在scaffolding.less文件中找到对应源码
①声明文档类型；
②移动设备优先；
width 属性控制设备的宽度，将它设置为 device-width 可以确保呈现在不同设备上。
initial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。
在移动设备浏览器上，通过为 viewport meta 标签添加 user-scalable=no 可以禁用其缩放（zooming）功能。
通常情况下，maximum-scale=1.0（最大显示呈现比例） 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。
③排版与链接：body背景色，字体家族，字体大小，行高，链接颜色，且当链接处于:hover状态时才添加下划线；
④容器：需要为页面内容和栅格系统包裹一个.container容器，提供了两个类
.container类用于固定宽度并支持响应式布局的容器，
.container-fluid类用于100%宽度，占据全部视窗（viewport）的容器
⑤基本组件的使用方式：文本组件（字体图标）
使用方法：
①添加(无义标签，没有内容不会显示)
②添加class，将类名复制添加到span即可
4.按钮组件
一般高度固定，宽度根据内容变化
①基本样式class=“btn”
②默认class=“btn btn-default”
③原始按钮样式（未被操作）class=“btn btn-primary”
④要弹出信息的按钮class=“btn btn-info”
⑤确定/成功class=“btn btn-success”
⑥警示/提示，需要谨慎操作的按钮class=“btn btn-warning”
⑦取消/关闭class=“btn btn-danger”
⑧链接按钮class=“btn btn-link”
按钮尺寸：使用.btn-lg,.btn-sm,.btn-xs可以获得不同尺寸的按钮，简单理解为大，小，超小，直接叠加类属性即可,正确排序为.btn-lg,.btn-default,.btn-sm,.btn-xs
（1）按钮状态：①激活状态.active；禁用状态disabled=“disabled”(H5属性)
hr在 HTML 页面中创建一条水平分割线
（2）按钮标签：可以在 《a》、 《button》 或 《input》 元素上使用按钮 class
<a class=“btn btn-default” href=“#” role=“button”>链接</a>---声明角色button,呈现按钮样式
<button class="btn btn-default" type="submit">按钮</button>
<input class="btn btn-default" type="button" value="输入">
<input class="btn btn-default" type="submit" value="提交">
提示：个别浏览器渲染input出现问题，所以建议在 <button> 元素上使用按钮 class，避免跨浏览器的不一致性问题。
【拓展：按钮添加组件图标】
《button type=“button” class="btn btn-default btn-lg "》默认按钮《button》
文字前加<span class=“glyphicon glyphicon-user”>组件图标即可（注意：图标是自适应的，可随按钮大小变化）
图标与文字间隔可用 ， ， (空格占位符)控制(注意:普通的空格在html里如果连续的多个可能被认为只有一个，而空格占位符写几个就能占几个空格位)
5.按钮下拉组件-下拉菜单
下拉菜单：《ul》,《li》,《button》实现
（1）设置外部容器《div class=“dropdown”》《/div》, .dropdown指定下拉菜单，下拉菜单都包裹在 .dropdown 里
（2）依次添加《button》,《ul》，再添加《li》作为下拉子项，组成下拉列表
注意：
①类名必须按照格式要求去写，否则渲染不出官方效果;
②按钮的id与《ul》的aria-labelledby关联项保持一致，依次创建关联；
③《ul》添加类名.dropdown-menu创建下拉菜单；
④格式严格按照文档标准，可以改动的href,字体等
【拓展：参照文档–下拉选项标题，分割线，禁用等】
关于下拉选项链接中的tabindex
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Java</a></li>
①html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。把控件的tabIndex属性设成1到32767的一个值，就可以把这个控件加入到TAB键的序列中。
②当浏览者使用TAB键在网页控件中移动时，将从小到大。如果有两个控件的tabIndex属性相同，则以控件在html代码中出现的顺序为准。
③默认的tabIndex属性为 0 ，将排列在在所有指定tabIndex的控件之后。
④若把tabIndex属性设为一个负值（如tabIndex="-1"），那么这个链接将被排除在TAB键的序列之外。
6.按钮与按钮工具
（1）按钮组：基本实例，按钮工具栏
手机中常见顶部或底部，两端有圆角，中间齐平。
①基本按钮组<div class="btn-group"></div>
按钮组尺寸：只要给. btn-group加上.btn-group-lg/sm/xs类，即可省去为按钮组中每个按钮赋予尺寸。
下拉按钮嵌套：按钮组与按钮下拉结合（垂直方向与水平方向）
②按钮工具栏（按钮组的组合）<div class="btn-toolbar" role="toolbar"></div>
7.按钮下拉菜单
（1）分列式按钮下拉菜单：
分列式按钮下拉菜单需要同样的改变一些标记，但只是多了一个分开的按钮
①《span class=“sr-only”》Toggle Dropdown《/span》里的.sr-only(screen-reader)译为屏幕阅读，Bootstrap的辅助类，是除了屏幕阅读器外，其他设备上隐藏该元素，意义就在于能保证屏幕阅读器正确读取且不会影响UI正常的视觉呈现。
②尺寸：按钮式下拉菜单适用所有尺寸的按钮。
*（2）上拉菜单：
只需给外部容器《div class=“btn-group”》《/div》添加 .dropup 类就能使触发的下拉菜单朝上方打开。查看效果时可加上《br /》 标签插入简单的换行符
*
8.输入框组
【注意】
①输入框组中的工具提示和弹出框需要特别的设置，为 .input-group 中所包含的元素应用工具提示（tooltip）或popover（弹出框）时，必须设置 container: ‘body‘ 参数（全局样式中的定宽容器）
②禁止与表单组或栅格列类混合并列使用，而应该嵌套使用
【基本实例】
①在输入框的任意一侧添加额外元素或按钮，还可以在输入框的两侧同时添加额外元素。
②尺寸：为 .input-group 添加相应的尺寸类，其内部包含的元素将自动调整自身的尺寸。不需要为输入框组中的每个元素重复地添加控制尺寸的类。
③作为额外元素的多选框和单选框
9.全局样式——表单
【1】
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
①必需的 action 属性规定当提交表单时，向何处发送表单数据。
②method为提交方式方法；
③input必须有name作为提交数据的标识，如果不加name，那么后台获取不到数据
【2】
<form action=“”method=“get”>
<label for=“name”>用户名：</label><input name=“username”id=“name” type=“text”><br>
<label>密码：</label><input name=“pwd”type=“password><br>
<input type=“submit”><input type=“reset”>
</form>
①
（1）内联表单（行内排列表单）
①内联元素主要特性：可以排列一行，css里无法渲染宽高(例由内容决定)，即行内元素与块状元素的区别。
（2）水平排列表单
<input type="text" class="form-control" placeholder="文本输入">
.form-control使input呈现出圆角效果
（3）被支持的控件
包括大部分表单控件、文本输入域控件，还支持所有 HTML5 类型的输入控件： text、password、datetime、datetime-local、date、month、time、week、number、email、url、search、tel 和 color。
（4）静态控件
如果需要在表单中将一行纯文本和 label 元素放置于同一行，为 《p》 元素添加 .form-control-static 类即可
（5）焦点状态
聚焦时边框呈现发光高亮样式
方法：将某些表单控件的默认outline(轮廓)样式移除，然后对 :focus 状态赋予 box-shadow 属性。
（6）禁用状态
为输入框设置 disabled 属性可以禁止其与用户有任何交互（焦点、输入等）。被禁用的输入框颜色更浅，并且还添加了 not-allowed 鼠标状态。
（7）只读状态
禁止用户修改输入框中的内容，颜色浅显时可用readonly
readonly和disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别
总结如下：
①readonly只针对input(text/password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等；
②表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去；
③一般比较常用的情况是：在某个表单中为用户预填了某个唯一识别代码，不允许用户改动，但是在提交时需要传递该值，此时应该将它的属性设置为readonly。例如提现时的余额展示（readonly）
（8）校验状态
应用时直接使用即可
拓展：图片
（1）图片
响应式图片：通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性，从而让图片在其父元素中更好的缩放。
（2）图片形状
通过为 元素添加以下相应的类，可以让图片呈现不同的形状。
跨浏览器兼容性，注意：IE8不支持CSS3中的圆角属性
《img src=“…” alt=“…” class=“img-rounded”》–矩形
《img src=“…” alt=“…” class=“img-circle”》–圆形
《img src=“…” alt=“…” class=“img-thumbnail”》–嵌套
10.辅助类使用
1.情境文本颜色
2.情境背景色，文本背景底色
3.关闭按钮：通过使用一个象征关闭的图标，可以让模态框和警告框消失
4.三角符号：通过使用三角符号可以指示某个元素具有下拉菜单的功能。注意，向上弹出式菜单中的三角符号是反方向的。
5.快速浮动：通过添加一个类，可以将任意元素向左或向右浮动。!important 被用来明确 CSS 样式的优先级（内联>内部样式>外部样式）。此类还可以作为mixin(重复使用)使用。
6.块元素居中：为任意元素设置 display: block 属性并通过 margin 属性让其中的内容居中
7.清除浮动：通过为父元素添加 .clearfix 类可以很容易地清除浮动（float）。
8.显示或隐藏内容
.show 和 .hidden 类可以强制任意元素显示或隐藏(对于屏幕阅读器也能起效)。这些类通过 !important 来避免 CSS 样式优先级问题。注意，这些类只对块级元素起作用
拓展：元素隐藏①opacity;②visibility:hidden;(visibility 属性规定元素是否可见)③disabled
9.图片替换
使用 .text-hide 类或对应的 mixin 可以用来将元素的文本内容替换为一张背景图。
跟alt作用类似，当图片无法正常显示时显示该文字
11.响应式工具
1.可用的类
通过单独或联合使用以下列出的类，可以针对不同屏幕尺寸隐藏或显示页面内容。
《div class=“visible-xs-block bg-primary”》只在超小屏幕显示
《div class=“hidden-xs bg-primary”》只在超小屏幕隐藏
2.打印类
和常规的响应式类一样，使用下面的类可以针对打印机隐藏或显示某些内容。
12.栅格系统
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。所有“列（column）必须放在 ” .row 内
（1）媒体查询(media query)：自动检测屏幕大小
超小屏幕xs(手机):<768px；小屏幕sm(平板)：>=768px；
中等屏幕md(桌面显示器)：>=992px;大屏幕lg(大桌面显示器)：>=1200px;
（2）实例：从堆叠到水平排列与流式布局容器
首先写入外部容器.container,如果将最外面的布局元素 .container 修改为 .container-fluid，就可将固定宽度的栅格布局转换为 100% 宽度的布局。流式布局容器可以随内容改变
（3）列偏移：使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。
（4）嵌套列：为了使用内置的栅格系统将内容再次嵌套，可以通过添加一个新的 .row 元素和一系列 .col-sm-* 元素到已经存在的 .col-sm-* 元素内。
（5）列排序：
通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列（column）的顺序。Push意为推出，pull意为拉回。常用场景：布局写好后临时改变位置
13.导航使用方法
常见的几种导航：标签页，胶囊式标签页，两端对齐的标签页，带下拉菜单的标签页(二级导航)
①标签页：注意 .nav-tabs 类依赖 .nav 基类。 <ul class="nav nav-tabs"></ul>
②胶囊式标签页：使用 .nav-pills 类，<ul class="nav nav-pills"></ul>
垂直方向堆叠排列，只需添加 .nav-stacked 类。<ul class="nav nav-pills nav-stacked"></ul>
③两端对齐的标签页
在大于 768px 的屏幕上，通过 .nav-justified 类可以很容易的让标签页或胶囊式标签呈现出同等宽度。在小屏幕上，导航链接呈现堆叠样式。与两端对齐按钮组.btn-group-justified类似
④带下拉菜单的标签页
添加下拉菜单：用一点点额外 HTML 代码并加入下拉菜单插件的JS插件即可
14.导航条
（1）图标
（2）表单：将表单放置于 .navbar-form 之内可以呈现很好的垂直对齐，并在较窄的视口（viewport）中呈现折叠状态。 使用对齐选项可以规定其在导航条上出现的位置。
（3）按钮 :对于不包含在 《form》 中的 《button》 元素，加上 .navbar-btn 后，可以让它在导航条里垂直居中。
都是navbar，后面跟一个元素标识
（4）文本 ：
把文本包裹在 .navbar-text中时，为了有正确的行距和颜色，通常使用 p 标签。
（5）非导航的链接：
在标准的导航组件之外添加标准链接，使用 .navbar-link 类可以让链接有正确的默认颜色和反色设置。
<p class="navbar-text navbar-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>
. navbar-right为右对齐
（6）导航条固定
固定顶部：添加 .navbar-fixed-top 类可以让导航条固定在顶部
固定底部：添加 .navbar-fixed-bottom 类可以让导航条固定在底部
静止在顶部：通过添加 .navbar-static-top 类即可创建一个与页面等宽度的导航条，它会随着页面向下滚动而消失（企业站常见）
反色的导航条：通过添加 .navbar-inverse 类可以改变导航条的外观
（7）路径导航（面包屑导航）
在一个带有层次的导航结构中标明当前页面的位置。简单说就是:类似淘宝选购路径向导，告知当前所在位置。各路径间的分隔符已经自动通过 CSS 的 :before 和 content 属性添加了
<ol class=“breadcrumb”>--有序列表
<li><a href="#">Library</a></li>
<li class=“active”>Data</li>----最后一个为当前所在位置，处于激活状态
</ol>
效果图：
15.分页与翻页使用方式
(1)为您网站或应用提供带有展示页码的分页组件，或者可以使用简单的翻页组件①外部
16.标签，徽章和巨幕使用方法
（1）标签：
①<h3>Example heading <span class="label label-default">New</span></h3>
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
②可用的变体：即改变外观，加类名即可改变标签的外观
（2）徽章：
与标签类似，通常在网站里展示阅读数量，点击量，访问量，回复量等。在图标后紧跟数字。
用法：可以加到a链接或者按钮使用，给链接、导航等元素嵌套 元素，可以很醒目的展示新的或未读的信息条目。
（3）巨幕：
一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容
广告，标题文字
17.缩略图使用方式
缩略图，警告框，进度条
（1）缩略图：通过缩略图组件扩展 Bootstrap 的 栅格系统，可以很容易地展示栅格样式的图像、视频、文本等内容。img添加thumbnail类
（2）自定义内容：添加一点点额外的标签，就可以把任何类型的 HTML 内容，例如标题、段落或按钮，加入缩略图组件内。父级添加thumbnail类
（3）警告框：将任意文本和一个可选的关闭按钮组合在一起就能组成一个警告框，.alert 类是必须要设置的，另外我们还提供了有特殊意义的4个类（例如，.alert-success），代表不同的警告信息。
（4）可关闭的警告框：为警告框添加一个可选的 .alert-dismissible 类和一个关闭按钮。
（5）警告框中的链接：用 .alert-link 工具类，可以为链接设置与当前警告框相符的颜色
（6）警告框插件事件：http://www.runoob.com/try/try.php?filename=bootstrap3-plugin-alert-event
18.进度条的使用方法
场景：积分情况（还差**达到满分），表示安装进程的进度，空间存储情况，活跃度，游戏人物的血量等。
（1）默认样式的进度条：
①父级progress为灰色背景
②aria-valuenow=“60” aria-valuemin=“0” aria-valuemax=“100”
依次表示当前，最小，最大；
（2）带有提示数字的进度条：
将设置了 .sr-only 类的 标签从进度条组件中移除 类，从而让当前进度显示出来。
（3）交替的进度条：
根据情境变化效果
（4）条纹进度条：
父级灰色背景《div class=“progress progress-striped”》《/div》
（5）动画进度条：
父级灰色背景《div class=“progress progress-striped active”》《/div》
（6）堆叠效果：
把多个进度条放入同一个 .progress 中，使它们呈现堆叠的效果。
注意：超过100%时，叠加的几个里最后一段无法显示
19.媒体对象，列表组
媒体对象是一个抽象的样式，用以构建不同类型的组件，这些组件都具有在文本内容的左或右侧对齐的图片（就像博客评论或 Twitter(美国社交网站微博)消息等）
媒体对象是一个抽象的样式，用以构建不同类型的组件，这些组件都具有在文本内容的左或右侧对齐的图片（就像博客评论或 Twitter(美国社交网站微博)消息等）
（1）样式：
①默认样式：媒体对象组件允许在一个内容块的左边或右边展示一个多媒体内容（图像、视频、音频）
②对齐：图片或其他媒体类型可以顶部、中部或底部对齐。默认是顶部对齐
（2）用法：
外部容器media,链接媒体，主题内容
列表组基本实例：
①最简单的列表组仅仅是一个带有多个列表条目的无序列表，另外还需要设置适当的类
②徽章：给列表组加入徽章组件，它会自动被放在右边
③链接：用 标签代替
- 标签可以组成一个全部是链接的列表组（还要注意的是，我们需要将
-
标签替换为
标签）。没必要给列表组中的每个元素都加一个父元素。
④按钮：列表组中的元素也可以直接就是按钮，注意不要使用标准的 .btn 类！
⑤情境类：为列表中的条目添加情境类，默认样式或链接列表都可以。
⑥定制内容：列表组中的每个元素都可以是任何 HTML 内容，甚至是像下面的带链接的列表组
-
标签替换为
-
20.面板
可以单独使用，也可以加标题，标注，添加嵌套表格，列表组
情境效果：像其他组件一样，可以简单地通过加入有情境效果的状态类，给特定的内容使用更针对特定情境的面版
带表格的面版：为面板中不需要边框的表格添加 .table 类，是整个面板看上去更像是一个整体设计。如果是带有 .panel-body 的面板，我们为表格的上方添加一个边框，看上去有分隔效果。
带列表组的面版：可以简单地在任何面版中加入具有最大宽度的列表组。具有响应式特性的嵌入内容
根据被嵌入内容的外部容器的宽度，自动创建一个固定的比例，从而让浏览器自动确定视频或slideshow(幻灯片)的尺寸，能够在各种设备上缩放。
这些规则被直接应用在 iframe、embed、video 和 object 元素上。
embed 标签定义嵌入的内容，比如插件
ifram会创建包含另外一个文档的内联框架（即行内框架）
video标签定义视频，比如电影片段或其他视频流
object 标签向 HTML 代码添加一个对象Well嵌入效果
（1）用法：把 Well 用在元素上，就能有嵌入（inset）的简单效果。
《div class=“well”》这里展示出来后会呈现嵌入效果《/div》
（2）样式大小：lg > 默认 > sm
控制此组件的内补（padding）和圆角的设置21.综合实例
一般页面常见布局结构：左中右，左右，上中下
布局元素：导航，巨幕/轮播广告图，并列排列元素（栅格或者缩略图自定义布局）
轮播：带字，不带字
布局范例：http://v3.bootcss.com/getting-started/
教学环保案例链接：http://w136.gitee.io/bootstrap/qiye/index.html
上中下布局demo链接：http://w136.gitee.io/bootstrap/szx/index.html
左右布局demo链接：http://w136.gitee.io/bootstrap/zy/index.html综合实例–左右布局
后台http://v3.bootcss.com/examples/dashboard/
如图所示：
前台http://v3.bootcss.com/examples/blog/如图所示：
实例讲解
企业网站是十分常见的一种页面形式。一般包括一个展示企业形象的首页、几个介绍企业资料的文章页和一个关于页面来概述企业近况。
做任何页面之前，我们都要先把结构规划好，这样脑子里有清晰的思路，工作起来才有效率。
首页包含：1.导航条；2.轮播图；3.客户案例列表；4.产品截图列表；5.底部网站信息如图所示：
【后记如有问题请联系小编！！】
5152
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
