目也pc端有适配的需求：目前我们pc项目的设计稿尺寸是宽度1920，高度最小是1080。 适配目标： 1.在不同分辨率的电脑上，网页可以正常显示 2.放大或者缩小屏幕，网页可以正常显示 对于宽度的适配 对于宽度适配： 首先设置html,body{width:100%;overflow-x:hidde ...
分类：
其他好文 时间：
2017-02-23 18:47:12
阅读次数：
1489
说明.navbar-fixed-top导航条固定在顶部示例<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1"..
分类：
其他好文 时间：
2017-02-15 19:43:36
阅读次数：
720
说明通过添加.navbar-static-top类即可创建一个与页面等宽度的导航条，它会随着页面向下滚动而消失示例<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname..
分类：
其他好文 时间：
2017-02-15 19:41:08
阅读次数：
150
前面的话 导航条Tab在页面中非常常见，本文说详细介绍CSS实现导航条Tab的三种方法 布局 根据上图所示，先规定几个定义，上图的模块整体叫做导航，由导航标题和导航内容组成。要实现上图所示的布局效果，有两种布局方法：语义布局和视觉布局 【语义布局】 从语义布局的角度来看，每一个导航标题和其对应的导航 ...
分类：
Web程序 时间：
2017-02-04 18:40:07
阅读次数：
345
利用css来编写的导航条，先看看效果： 代码区： html: css: ...
分类：
Web程序 时间：
2017-01-31 20:58:14
阅读次数：
296
BootStrap选项卡的创建是根据导航条来的，其创建需要几个专用的属性。 data-toggle=" tab " 或者 data-toggle=" pill" ,data-target="#id" ,类 tab-content,tab-pane. 实现选项卡的效果有两种方法，一种是直接配置，一种是 ...
分类：
其他好文 时间：
2017-01-19 21:26:17
阅读次数：
310
前面的话 导航条Tab在页面中非常常见，本文说详细介绍CSS实现导航条Tab的三种方法 布局 根据上图所示，先规定几个定义，上图的模块整体叫做导航，由导航标题和导航内容组成。要实现上图所示的布局效果，有两种布局方法：语义布局和视觉布局 【语义布局】 从语义布局的角度来看，每一个导航标题和其对应的导航 ...
分类：
Web程序 时间：
2017-01-15 21:23:50
阅读次数：
317
布局方式： 上代码： 1 <!doctype html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>tab导航</title> 7 </head> 8 9 <style> 10 .box { 11 margin: 300px auto ...
分类：
Web程序 时间：
2017-01-14 17:34:12
阅读次数：
218
第9章 框架 9.1 框架概述 框架的作用，就是把浏览器窗口划分成若干个小窗口，每个小窗口可以分别显示不同的网页。这样在一个页面中可以同时显示不同网页内容，不同窗口的内容相互独立。框架的主要用途是导航，通常会在一个窗口中显示导航条，另外一个窗口则作为内容窗口，用于显示导航栏目的目标页面内容，窗口的内 ...
分类：
其他好文 时间：
2017-01-12 11:55:49
阅读次数：
143
这个文件中包括了一些项目中用到的小指令，例如导航条，广告条等。 指令部分很复杂，不能全部进行说明，这里先把项目用到的点简单说明一下吧，详细的在单独介绍。 指令中有很多配置，下面进行说明： restrict:表示这个指令时说明类型，如何来进行调用，有四个属性可以进行设置，E（只限元素明使用）A（只限属 ...
分类：
Web程序 时间：
2016-12-27 16:00:03
阅读次数：
274
