主要用到css3中的transition和布局知识。代码如下1 !DOCTYPE html2 html lang="en"3 head4 meta charset="UTF-8"5 meta name=""6 title标题/title7 /head8 style type="text/css"9 *{margin: 0;padding: 0;} 10 body{background: url(images/bg.jpg);}

使用css布局横向导航栏，css应用给网页样式的方式，就相当于，给人怎么去穿上衣服，不同的衣服有不同的穿法，这里我们使用的是内联式。在这里 我们可以适当的把值调的大一点，这样我们就可以很容易的对比。!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

第二章：CSS的基本语法一 CSS选择器（所有的HTML语言中的标记都是通过不同的css选择器进行控制的）。用户只需要通过选择器对不同的HTML标签进行控制，并赋予各种样式声明，即可实现各种效果。1、标记选择器（列如  p ul    p{color:green;}）2、类别选择器

　　1.DiV布局：    使用 div 或者 table 元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。    div 元素是用于分组 HTML 元素的块级元素。    下面的例子使用五个 div 元素来创建多列布局：实例!DOCTYPE htmlhtmlhe

先上点媒体查询css（某个著名的”段子“），跟bootstrap无关：htmlheadstylebody {background-color: white;}@media screen and (max-width: 960px){body {background-color: red;}}@media screen and (max-width: 768px){body {background-color: yellow;}}@

div class="form-group"label for="starttime" class="col-sm-2 control-label"实际开始时间/labeldiv class="col-md-4"input class="form-control" type="text" /div

引言使用JQuery UI Layout Plug-in布局框架实现快速布局，用起来还是挺方便的，稍微研究了一下，就能上手，关于该布局框架的材料，网上也挺多的。在项目中也使用到了，不过那是前端的工作，咱不能抢别人的饭碗不是？，不过对布局多少了解点，还是非常有帮助的

!DOCTYPE htmlhtml lang="en" dir="ltr"headmeta charset="utf-8"title/titlestyleli{list-style: none;}.box1{width: 400px;height: 100px;overflow-y: hidden;overflow-x: scroll;/* position: relative; */} .box2{display: flex;/* positi

把响应式布局和动画放在一起写是因为他们有个共同点@符号先讲讲响应式布局@media 响应式布局曾经非常的流行，这种布局方式可以做出一也兼容一切设备的页面，但是当页面的功能越来越多，css文件越来越大，兼容难度越来越大，js也会很难写，于是他们离开了历史

关于用DIV+CSS来制作列表的时候,大家最常用的是用ul和li来编写,但是这样用出现两个比较麻烦的地方：　　1、如果用UL还布局，右边一栏比较麻烦；　　2、文字外边的边框自适应比较麻烦；　　3、很可能要定死高度；　　所以，细细地看一看这个布局，想一想还是用