e媒网络

一切皆可能 e媒网络 http://www.eMay.net
博客园 首页 新随笔 联系 订阅 管理

04 2019 档案

FlexItem 多行测试
摘要：flex: 阅读全文
posted @ 2019-04-29 22:03 e媒网络技术团队 阅读(207) 评论(0) 推荐(0)

Last Work-随机出题加法游戏
摘要：Last Work 运算次数: 0 正确次数: 0 错误次数: 0 + = 随机出题 验证 阅读全文
posted @ 2019-04-20 21:01 e媒网络技术团队 阅读(182) 评论(0) 推荐(0)

盒子尺寸父子传递及嵌套Demo
摘要：1 2 3 4 5 无标题文档 6 34 35 36 37 38 39 40 41 42 阅读全文
posted @ 2019-04-13 09:11 e媒网络技术团队 阅读(170) 评论(0) 推荐(0)

清除浮动的两种方法测试
摘要：Clear Test A float left盒子 float right盒子 float left盒子 float right盒子 Clear Test B float left盒子 float right盒子 float left盒子... 阅读全文
posted @ 2019-04-10 16:22 e媒网络技术团队 阅读(168) 评论(0) 推荐(0)

图片包裹测试
摘要：Demo1: Demo2: 相关图片下载 阅读全文
posted @ 2019-04-10 11:44 e媒网络技术团队 阅读(211) 评论(0) 推荐(0)

最大化及等比例测试演化Demo-Grid方法
摘要：Demo1-简单测试: Demo2-页面布局练习: Demo3-选手分值信息展示布局: 阅读全文
posted @ 2019-04-08 16:11 e媒网络技术团队 阅读(185) 评论(0) 推荐(0)

最大化等比例测试演化Demo-传统方法
摘要：demo-1: demo-2: demo-3: demo-4: 小结: 1.border宽度使用百分比,没有效果,故不要使用. 2.padding-top,padding-bottom 使用百分比,以父盒子宽度为基准,所以为了达到满屏,数值需要修订.比如上述的padding值得3.12是一个修订值. 阅读全文
posted @ 2019-04-05 12:43 e媒网络技术团队 阅读(227) 评论(0) 推荐(0)

Layout-3相关代码:3列布局代码演化三]
摘要：无标题文档 left MAIN RIGHT 阅读全文
posted @ 2019-04-02 10:06 e媒网络技术团队 阅读(143) 评论(0) 推荐(0)

Layout-3相关代码:3列布局代码演化[二]
摘要：Layout Demo 阅读全文
posted @ 2019-04-01 22:11 e媒网络技术团队 阅读(122) 评论(0) 推荐(0)

Layout-2相关代码:3列布局代码演化[一]
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> .right,.left{height:300px;width:200px;} .right{ floa 阅读全文
posted @ 2019-04-01 17:49 e媒网络技术团队 阅读(304) 评论(0) 推荐(0)

Layout-1相关代码
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>Layout Demo</title> <style> #container { font-family: Arial; font-size: 13px; position: re 阅读全文
posted @ 2019-04-01 17:45 e媒网络技术团队 阅读(209) 评论(0) 推荐(0)