今天接着说test8的页面还原. 头部header和尾部footer 我一开始是想直接使用bootstrap的栅格系统来实现的.但是内容的定位出了不少麻烦. 那么就索性用原生html+css来还原页面了. 放上效果图 头部html代码 <div class="g-header w-100"> <div class="h-row-1"> <div class="w-80"> <a href="&q…
这任务需求我们使用推特的前端框架bootstrap来实现.先放psd图. 上传这些图片也蛮大的.为此我使用office picture manager压缩了图片. 方法:alt+p+o,然后tab+下方按钮选中用于网页,点击保存就ok 一.还原含有"50万年薪"的psd静态页面 先思考: 发现1.三张psd图的头部尾部的设定是一样的,可以抽离出来,弄成 g-header,g-content,g-footer 这命名符合我另外一篇文章:css样式书写规范+特殊符号http://www.c…
一,base.css基础样式表的意义 我昨天,整理了一下代码规范. 发现现在这个程度的页面还原.有必要创建一个规范的base.css库和framework.css库 而且也要为日后的工作整理一些常用的基础css,你们想象一下日后在公司里上班,如果每次都要逐一新增基础样式,那么花费的时间就会滴水长流.其二,自己创建一个base样式,可以缩减样式的字符.在页面载入html的时候可以缩减时间.如: .pct80{width:80%;} .l{float:left;}这样的基础样式,在每个页面里都是要使…
一:引入bootstrap框架 昨天一直被bootstrap栅格系统折磨. why? 我本来想一边码字,一边学习栅格布局的.but不成功.这时我头脑已经昏了. 下午,我查看了bootstrap的官网,带着我的问题:究竟怎么使用bootstrap的框架呢? 发现问题一:我原先外部引入的bootstrap,的确可以还原样式.但是码字的时候特麻烦.webstrom无法提示代码. 为此,我在bootstrap中文网上download了bootstrap-3.3.7-dist.zip,好! 在html页面…
今天完成的事情:(1,伪元素:before,:after的使用.2.table的使用(collapse的使用)3rgba的高级运用) 今天我主要完成test8-3的页面. header和footer都是前两个页面用到的.直接搬过来就好. 一.实现nav导航.我自己尝试使用伪元素:before,:after的使用,觉得好好玩.要多点使用,加深熟悉度. 可以看到我使用:before弄了格文字在ul盒子前面.当然我又要:after清除浮动影响. 对于超链接,我觉得它就是一个“宅男”.怎么我要每次都要层…
步骤如下: 1. Chart控件(一)Chart控件在ASP.NET网站中的应用示例详解(C#语言)" title="VS2010 Chart控件(一)Chart控件在ASP.NET网站中的应用示例详解(C#语言)" action-data="http%3A%2F%2Fs8.sinaimg.cn%2Fmw690%2F6988593etx6DhZWSOATc7%26690" action-type="show-slide" style=&…
PC虚拟化主流:KVM.XEN.OpenVZ详解 https://zhuanlan.zhihu.com/p/90920566 1.pc虚拟化——KVM KVM是完整的硬件虚拟化,可以在Windows / Linux来完美运行操作系统,并且使用virtio驱动程序可以获得接近本机的性能,一些实验表明,在理想情况下本机硬件的损失仅为3%. 它确实支持从ISO进行安装,也支持基于模板的安装,在隐私方面具有良好的隔离性,在重负载下会遭受I / O延迟. 每个用户(VM)在主机节点上均作为进程运行,这非常…
移动端开发touchstart,touchmove,touchend事件详解和项目 最近在做移动端的开发,在一个“服务商管理”页面使用到了触摸事件"touchstart","touchmove","touchend".需求:当你手指接触到屏幕并向左滑动时,被滑动的服务商信息开始向左滑动同时出现"编辑"和"停用"操作按钮.若继续用手指向右滑动,那么就会隐藏"编辑"和"停用&quo…
前言 这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高 如果你是javascript菜鸟,建议您好好读一读,真的理解下来会有不一样的收获 在下才疏学浅,文中难免会有不同程度的错误,请您指正留言 PS:事件阶段一节请看最新博客,之前理解有误 javascript事件基础 我们的网页之所以丰富多彩并具有交互功能,是因为我们的javascript脚本语言,而javascript与HTML之间的交互又是通过事件机制实现的 所以,事件是javascript一…
不多说,直接上干货! 环境说明: 本地没有安装Oracle服务端,oracle服务端64位,是远程连接,因此本地配置PLSQL Developer64位. Oracle database使用在本机部署数据库的实体.用于创建数据库实例. Oracle client是用于连接其他机器的数据库,现在有免安装版本和PL/SQL配合使用的版本. Navicat是非常强大的,简洁的数据库可视化工具.而且可以适配多种数据库,使用非常方便. 需要下载: 1.oracle64位客户端instantclient  …