胡小西去哪儿了

网站appache的ab命令压力测试性能

摘要： ①：相关不错的博文链接：http://johnnyhg.iteye.com/blog/523818 ②：首先配置好对应的环境上去，有对应的命令 ③：压力测试的指令如下： 1. 最基本的关心两个选项 -c -n例： ./ab -c 100 -n 10000 "http://127.0.0.1/inde 阅读全文

posted @ 2016-12-23 17:16 胡小西去哪儿了阅读(118) 评论(0) 推荐(0) 编辑

静态页面框架

摘要：将页面的模块先在草稿纸上画出来（2）CSS默认的样式阅读全文

posted @ 2016-12-09 16:11 胡小西去哪儿了阅读(159) 评论(0) 推荐(0) 编辑

CSS布局设计

摘要： CSS布局设计：（1）固定布局：各个部分采用固定宽度的页面布局。（2）流式布局：通过定义模块和模块间距的百分比的方式来实现。缺点是会自动缩放，影响图片的美观。（3）响应式布局：页面可以用户的设备尺寸或者浏览器的窗口尺寸自动的进行布局的调整。阅读全文

posted @ 2016-12-08 15:49 胡小西去哪儿了阅读(103) 评论(0) 推荐(0) 编辑

弹性盒子的总结

摘要：（1）弹性盒子可以使用固定宽度，也可以使用比例。并且可以混合使用宽度和比例。（2）弹性盒子不仅可以制作水平的布局，也可以制作垂直的布局。（3）弹性盒子的比例： box-align的属性： box-pack属性：决定了父标签水平遗留空间的使用；（两端对齐）阅读全文

posted @ 2016-12-07 14:05 胡小西去哪儿了阅读(161) 评论(0) 推荐(0) 编辑

弹性盒子

摘要：（1）弹性盒子：（2）弹性盒子的语法：阅读全文

posted @ 2016-12-07 13:45 胡小西去哪儿了阅读(90) 评论(0) 推荐(0) 编辑

应用媒介查询制作响应式导航栏

摘要：（1）使用viewport标签在手机浏览器上控制布局 <meta name="viewport" content="width=device-width,initial-scale=1.0"> （2）通过快捷方式打开时全屏显示<meta name="apple-mobile-web-app-capa 阅读全文

posted @ 2016-12-07 10:45 胡小西去哪儿了阅读(127) 评论(0) 推荐(0) 编辑

响应式的设计需要遵守的4个原则和媒介查询语句

摘要： 1，小屏幕只显示高优先级的内容（切换到小屏幕的时候，显示优先级高的内容） 2，提供清晰和友好的手指操作链接（可点击操作的区块不宜过小） 3，体验的一致性（不同设备上的保持一致性） 4，考虑操作移动设备的习惯（左手握住设备，右手操作）媒介查询的基本语法：（1）定义小于600px的窗口所应用的样式阅读全文

posted @ 2016-12-07 10:23 胡小西去哪儿了阅读(123) 评论(0) 推荐(0) 编辑

media type的类型汇总

摘要：用的比较多的是screen和print：区分打印和屏幕显示（Android，iPhone都不是手持设备handheld，都是screen设备）阅读全文

posted @ 2016-12-07 10:09 胡小西去哪儿了阅读(693) 评论(0) 推荐(0) 编辑

background-orgin属性

摘要：重点内容是：背景的显示范围是在元素的内边距之内的，如果要想改变显示范围，可以使用background-orgin和background-clip进行调整。（1）background-orgin有三个属性：border-box（边框左上角）；padding-box（内边距左上角）；content-b 阅读全文

posted @ 2016-12-06 11:36 胡小西去哪儿了阅读(191) 评论(0) 推荐(0) 编辑

background-size的两个属性：cover和contain

摘要：两种都不会造成图片失真，其中：（1）cover：相当于宽度等于元素的宽度，高度设为auto；（2）contain：相当于高度等于元素的高度，宽度设为auto；例如：设置一个高度和宽度都为300px的容器，然后将一张1600px*1200px尺寸的图片设为为图片的背景，这个时候就应该想到设置下b 阅读全文

posted @ 2016-12-06 11:24 胡小西去哪儿了阅读(584) 评论(0) 推荐(0) 编辑

导航

公告