把东西交上去了

今天一大早起来就吧web service做了个DEMO,感觉构建一个web服务还是比较简单的,很多都可以由工具自动生成。SOA架构的难点就在于如何做好粗粒度设计。如果粒度不够粗,则效率会很低;而粒度过于粗,则业务敏捷则不能够实现了。

今天看到一个新闻,就是聚友的Widget编程设计大赛。刚好学完了javaScript,准备找个机会练练手。OpenSocial 就是一个javaScript的类库,但是和最基本的javaScript编程还是有不少区别的。

明天准备集中精神把javaScript学习的更加深入。

 

如果不想使用 `position` 属性来移动边框(如盒子的外边距),那么还可以通过以下几种方法来实现将边框向上移动的效果: ### 方法一:负值 margin 通过设置负的 `margin-top`,可以让元素向页面顶部方向“拉动”。这种方式不会改变文档流中的实际位置,只是视觉上看起来像是移动了。 ```html <div style="height:50px; width:50px; border:1px solid black; margin-top:-20px;"></div> ``` 在这个例子中,尽管我们设置了 `-20px` 的 top 边距,但实际上内容并没有真正离开原来的 DOM 流程顺序。 ### 方法二:Flexbox 对齐方式调整 如果你的父亲容器允许改造成弹性盒模型(flexbox),可以通过修改子项的垂直对齐规则让其靠得更近一些。比如默认状态下 flex 子项目会沿着主轴分布平均间隔开来的状态,但若设定了特定 justify-content 或 align-items 参数之后就能轻易改变相对摆放格局啦! 示例代码如下所示: ```css .parent{ display:flex; align-items:start;/* 将所有子元素都拉到行首 */ } .child{ /* 这里的 child 即为目标 div*/ height: 50px; width :50px ; border:1px solid red;} } ``` ### 方法三:表格单元格模式(table-cell) 当我们将普通区块转换成类似 table-cell 表现形式的时候,默认情况下它们都会按照一行的高度自动居中放置,但如果强制指定 vertical-align 属性就可以很容易地控制单个 cell 内部数据的位置高低程度。 例如下面的例子就是利用这一点实现了看似把某个小方块提升了一部分距离的操作结果。 ```css .box { display:table-cell; vertical-align:top; height:60px; line-height:normal !important; padding-right:8em; } .inner-box { display:inline-block; background-color:#f9c; width:40px; height:40px; border:solid thin green; } ``` 以上三种方式均可以在无需借助额外定位机制的前提下达成类似 “上升” 效果的目的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值