完成fcc作业2时思路
1.设置导航链接按钮栏时,不能用文档流,要用position:fixed;固定在窗口上方,
其他普通流盒子按上下顺序就用position:relative;后面发现导航栏被普通流盒子挡在了下面,就设置了z-index:999;值越大越在前面
2.图片用响应式有利于屏幕适应,class="img-responsive"
3.利用设置醒目背景色background-color:blue;观察盒子尺寸是否合适
4.开始css样式就要设置margin:0;padding:0;
5.设置行内属性转变块级属性,可以控制长宽等属性display:block;块级属性转变行内块级属性display:inline-block;
6.类里可以同时放好几个class,例:class="class1 class2" 中间加空格
7.注意
a : hover{ }
a : focus{ }
a : active{ }
a : link{ }
a : visied{ }
顺序
8.标题可以直接用class="text-center"直接居中
9.利class="row",class="col-md-6 col-xs-6"设置调整同一行内的图片,图标等元素的位置,一行最多12列,6,6均等
10.用class="well" 可以让页面更立体
11.发现margin:0;按钮之间还有空隙margin:-X;负数可以让消除空隙
12.关于<hr/>样式的设置
13.命名要符合原意,利用注释来分隔各个部分,提高效率<!--内容-----前-----------------------><!--内容-----后----------------------->
14.用<br/>可控制文字排列
15.用<a href="#name">跳到的页内位置不满意,就把<a name=""/>从标题移到了上个盒子的标签尾部,
设置a变成块级元素要进行命名设置链接样式,否则会影响<a name=""/>插入的盒子
16.border-radius可以把正方形头像变成圆形头像
17.分清有些标签字颜色用color,有些用font-color
18.发现设置width:100%;底部右边页面与屏幕有空隙,如果页面不能横向滚动,极有可能你有个设置 position relative 的父容器写死了宽度,
如果页面能横向滚动,白边是滚动出来的,
把body的width设为100%,然后加上overflow:hidden;隐藏溢出
body{ overflow:scroll; overflow-x:hidden; }去掉底部滚动条
完成fcc作业2时思路的更多相关文章
- python ATM大作业之alex思路
一 ATM alex想了一个思路,就是定义一个函数,这个函数可以实现所有的atm的功能:取款,转账,消费等等. 为了实现这个想法,alex构建了一个两级字典,厉害了.我发现,厉害的人都喜欢用字典.这里 ...
- Spark 2.x 在作业完成时却花费很长时间结束
使用 Apache Spark 2.x 的时候可能会遇到这种现象:虽然 Spark Jobs 已经全部完成了,但是程序却还在执行.比如我们使用 Spark SQL 去执行一些 SQL,这个 SQL 在 ...
- 多个MapReduce作业相互依赖时,使用JobControl进行管理
要处理复杂关系的数据,一个工程里面绝对不止一个MapReduce作业,当有多个MapReduce作业时, 并且每个作业之间有依赖关系,所谓的依赖就是一个作业得到的结果是另外一个作业的输入, ...
- (转)多个MapReduce作业相互依赖时,使用JobControl进行管理
原文地址:http://mntms.iteye.com/blog/2086990 要处理复杂关系的数据,一个工程里面绝对不止一个MapReduce作业,当有多个MapReduce作业时, ...
- 【1414软工助教】团队作业3——需求改进&系统设计 得分榜
题目 团队作业3--需求改进&系统设计 作业提交情况情况 本次作业所有团队都按时提交作业. 往期成绩 个人作业1:四则运算控制台 结对项目1:GUI 个人作业2:案例分析 结对项目2:单元测试 ...
- OO第一单元作业小结
前言 第一单元的主题是表达式求导,第一次作业是只带有常数和幂函数的求导,第二次作业加入了正余弦函数,第三次作业又加入了表达式嵌套,难度逐渐提升.总体来说前两次作业还易于应对,而第三次作业做得相对有些艰 ...
- BUAA-OO-第一单元表达式求导作业总结
figure:first-child { margin-top: -20px; } #write ol, #write ul { position: relative; } img { max-wid ...
- BUAA_OO第一单元作业总结
BUAA_OO第一单元作业总结 单元任务 第一单元的任务为实现表达式的求导,其中第一次作业是对简单多项式的求导,第二次作业是对包含简单幂函数和简单正余弦函数的多项式的求导,第三次作业是对包含简单幂函数 ...
- 2018上C语言程序设计(高级)作业- 第3次作业成绩
作业地址 https://edu.cnblogs.com/campus/hljkj/CS2017-01/homework/1779 评分准则 第一次作业各项成绩包括三项: 完成PTA所有题目:13分 ...
随机推荐
- mvn解决jar包冲突
转自:http://blog.csdn.net/guanglihuan/article/details/50512855 对于Jar包冲突问题,我们开发人员经常都会有碰到,当我们使用一些jar包中的类 ...
- JAVA程序—HelloWorld 的编译运行
在我们写好我们的"HelloWorld.java",并且搭建好JAVA的开发环境过后,便可以运行这个JAVA程序了. 具体如何实现,让我们来看看: 打开DOS 通过DOS命令转到& ...
- Java RMI之HelloWorld程序以及相关的安全管理器的知识
Java RMI 指的是远程方法调用 (Remote Method Invocation).它是一种机制,可以让在某个 Java 虚拟机上的对象调用还有一个 Java 虚拟机中的对象上的方法.可以用此 ...
- yarn之安装依赖包
安装依赖关系 yarn install用于安装项目的所有依赖项.依赖关系从您的项目package.json文件中检索,并存储在yarn.lock文件中. 开发包时,安装依赖关系最常见的是在 您刚刚检出 ...
- Nodejs 一个简单的后台实例
http://blog.csdn.net/u014595019/article/details/50845726
- hdu 5386 Cover (暴力)
hdu 5386 Cover Description You have an matrix.Every grid has a color.Now there are two types of oper ...
- android学习一(了解android)
声明:android学习文件中面的全部内容为都是整理来自第一行代码Android.在接下来的文章里我就不在进行反复的声明. 想看原版的能够买书看看.或者去作者的博客http://blog.csdn.n ...
- iOS项目开发实战——通过Http Get方式与server通信
移动client往往须要同后台server进行通信,上传或者下载数据,最经常使用到的方式就是Http Get,如今我们来学习在iOS项目中使用Get方式同server进行通信. [一]server端实 ...
- kendo datepicker汉化
kendo grid 支持多语言,包括的语言有非常多种.一般默认情况是使用en,可是对于国内市场的话我们须要使用汉字.不墨迹了. <link href="http://cdn. ...
- go09---defer
package main /* defer 类似其它语言中的析构函数,在函数体执行结束后 按照调用顺序的相反顺序逐个执行,先进后出, 即使函数发生严重错误也会执行,资源清理文件关闭, 支持匿名函数的调 ...