岁月无痕 » MBA wiki

丰胸不能半途而废

岁月无痕 — Thu, 02 Sep 2010 18:46:20 +0000

我在天涯曾经看过这样的一个帖子，让岁月无痕官方网站汗颜，丰胸怎么能因为自身因素而半途而废呢？

我天生体制瘦弱从来也不需要减肥令朋友很羡慕可是胸部却很小穿a杯的内衣都撑不满非常上火丰胸的办法用了好多也不管用大家推荐的什么牛奶炖木瓜根本就一点效果也没有而且难吃的要死还有什么花粉喝了也一点效果也没有难道真的要我去做丰胸手术吗毕竟在自己身上开刀想想都觉得害怕朋友说极品丰胸宝效果不错让我试试可现在得丰胸产品多如牛毛不知道这个极品丰胸宝安全不安全？看着身边的姐妹们身材都那么好真的好羡慕。。。

岁月无痕官方网站一直认为，丰胸和做人做事一样，都不能半途而废，半途而废就等于之前所做的都没用了，为什么会这样呢？为什么要放弃呢？放弃其实是一种不自信的表现，所以很大程度上我们不自信不是因为我们不行，而是我们害怕。丰胸同样道理，我们经常提到的丰胸教程，你大可以从其中的一个两个中拿到你想要的效果。其实丰胸和高考一样，得坚持下来，当你坚持了，别人放弃了，那么你就是成功了。

岁月无痕官方网站相关

MBA student held on dacoity charge

岁月无痕 — Fri, 28 May 2010 16:11:28 +0000

Three persons, including an MBA student, were on Friday arrested in connection with a dacoity incident, police said.

The three persons allegedly looted a house at Basudev Nagar in Berhampur.

They entered the residence of one Simanchal Padhy identifying themselves as census employees and looted some gold ornaments and a mobile set on May 5 last.

The mobile phone, some gold ornaments that were looted from the house and a knife were seized from their possession, the police said.

A second year MBA student from a local institute was one of the arrested persons, police said. The other two were a tea shop owner and a labourer.

The police claimed that all of them had confessed about their involvement.

Police said about 30 to 40 percent of looted gold ornament was seized from them.

MBA Wiki

The Master of Business Administration (MBA) is a master’s degree in business administration, which attracts people from a wide range of academic disciplines. The MBA designation originated in the United States, emerging from the late 19th century as the country industrialized and companies sought out scientific approaches to management. The core courses in the MBA program are designed to introduce students to the various areas of business such as accounting, marketing, human resources, operations management, etc. Students in some MBA programs have the option to select an area of concentration and focus approximately one-third of their studies in this area.

岁月无痕其他介绍

博百优CSS：弹性布局

岁月无痕 — Wed, 19 May 2010 14:44:46 +0000

博百优很久没介绍CSS知识了，上次推荐完CSS书籍之后呢，今天给大家带来的的弹性布局。弹性布局是相对于字号而不是浏览器宽度来设置元素的宽度。通过以em为单位设置宽度，可以确保在字号增加时候整个布局随之扩大。这可以将行长保持在可阅读的范围，对于视力弱或有认知障碍的人尤其有用。

弹性布局的缺点

1.不能充分利用可用空间。

2.因为在文本字号增加时候整个布局会加大，所以弹性布局会变得比浏览器窗口宽，导致水平滚动条出现。

创建弹性布局比创建流体布局容易得多，技巧是设置基字号，让1em大致相当于10像素。

大多数浏览器上的默认字号是16像素，10像素大约是16像素的62.5%，所以在主题上将字号设置为62.5%

body{

font-size:62.5%;

}

因为在使用默认字号时1em现在相当于10像素，所以可以将所有像素宽度转换为em宽度，从而将固定宽度布局转换为弹性布局。

#wrapper{

width:72em;

margin:0 auto;

text-align:left;

}

#mainNav{

width:18em;

float:left;

}

#content{

width:52em;

float:right;

}

#mainContent{

width:32em;

float:left;

}

#secondaryContent{

width:18em;

float:right;

}

岁月无痕官方网站相关

博百优CSS：相对定位VS绝对定位VS固定定位

博百优CSS：推荐几本CSS书籍

岁月无痕 — Sun, 16 May 2010 11:03:36 +0000

博百优认为，要学好CSS必须要看好书，一般技术书籍我们都是推荐买国外的，因为国内的技术书籍很多哦都不值得看或者是直接抄袭国外的知识。所以今天博百优CSS给大家推荐的几本书几本书都是国外的，希望大家喜欢。

1.精通CSS：高级Web标准解决方案——图灵程序设计丛书

这是Amazon第一CSS畅销书，作者是Andy Budd，国际顶尖的网页设计师，著名的Web标准倡导者。他是网页设计咨询公司Clearleft（www.clearleft.com) 的创意总监,曾经组织了英国首届Web2.0会议。他在Web设计方面著述甚丰，除本书外，他还曾经撰写了一本Blog设计方面的图书。我们一起CSS的栏目内容很多都是出自这本书，嘻嘻。

不过翻译问题又成了大家诟病的地方，基本上很多国外的书籍一翻译到中文之后就变得乱七八糟，不知所云了。博百优CSS也在看这本书，站在理解的角度上来看，还是可以看明白吧，所以我也不去指责这个可怜的翻译了。

2.CSS禅意花园

Dave Shea是一位图像设计师，“CSS禅意花园”网站的创始人和耕耘者，该网站获得了很多奖项，其中包括SouthWest Interactive会议授予的”Best of Show”。Dave Shea曾在全球的行业大会上发表演讲，其作品被世界各地的书籍和杂志采用。

这本书不想说翻译了，这本书适合有相当CSS基础的人去看，我们看看豆瓣的人是怎么评价的：

如果你没有相当的CSS基础，自身没有XHTML+CSS实现语义与表现分离的思想，那么学习这本书的设计将导致误入歧途。这些设计都是很美妙的，然而尝试用table布局复刻这些布局的话将会让你死得很惨。反而如果你连table布局的经验也没有，网页设计的经验干净得如一张白纸，倒不妨看看这本书以便提起一些兴趣，然后借助其它书学习理论知识后再回来提高。

对于有CSS基础的人来说，如果你发现约束你发挥的是创意，那倒不妨看看这本书。例如你重来没想过横板布局的，你第一次看到它时真的会眼前一亮，想着自己曾经的某个设计如果改为这样子将是多么的有趣。里面介绍的CSS技巧都不算高级，也不是以一种很系统的方式传授CSS技术，因此仅仅能够在你无法理解该设计如何实现时提供一些帮助，书中真正的重点还是设计的思路。

3.CSS布局实录

属于基础书籍吧，哈哈，这可是中国人的书籍，作者是李超，全书分为10章，内容为Web标准与CSS布局、CSS元素、CSS布局排版、XHTML与CSS校验、浏览器解析与CSS的兼容性、CSS可视化开发实例等，实例实用，讲解透彻。..

有兴趣的朋友可以自己去买书看看，我觉得这是不错的选择，今天博百优CSS就说到这里，下回再见。

岁月无痕官方网站相关

博百优CSS：行框与清理

岁月无痕 — Thu, 13 May 2010 12:55:37 +0000

经历了两天的博百优网赚系列（链接类和广告联盟类）之后，今天要回归主题，博百优CSS的学习当中。今天大家一起来学习行框与清理，这是继上次的CSS定位的绝对相对定位和浮动定位之后的新的知识点。

浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。实际上，创建浮动框使文本可以围绕图像。如博百优给出的下图：

要想阻止行框围绕在浮动框的外部，那么博百优建议对这个框的应用clear。clear属性是可以left，right，both或none，它表示框的哪些边不应该挨着浮动框。为了实现这种效果，在被清理元素的顶空白边上面添加足够的空间，使元素的顶边缘垂直下降到浮动框的下面，下图：

下面我们详细来看看浮动和清理，假设一个图片，希望让它浮动到一个文本块的左边。希望将这个图片和文本包含在另一个具有背景颜色和边框的元素中。用到以下代码：

. news{

background-color:gray;

border:solid 1px black’

}

.news{

float:left;

}

.news p{

float:right;

}

Some Text

不幸的是，没有现有的元素可以应用清理，所以需要添加一个空元素并且清理它。

这会实现我们希望的效果，但是要添加不必要的代码。常常有元素可以应用clear，但是有时候不得不为了进行布局而添加无意义的标记。

还可以不对浮动的文本和图像进行清理，而是选择对容器div进行浮动：

这也会产生我们想要的结果。不幸的是，下一个元素会受到这个浮动元素的影响。为了解决这个问题，有些人选择对布局中的几乎所有东西进行浮动，然后使用适当的有意义元素（常常是站点的页脚）对这些浮动元素进行清理。这有助于减少或消除不必要的标记。但是，浮动会变得复杂，而且一些老式浏览器在处理有许多浮动元素的布局时有困难。因此，许多人喜欢添加少量的额外标记。

应用值为hidden或auto的overflow属性会自动地清理包含的任何浮动元素，而不需要添加额外的标记。这个方法并不适合所有情况，因为设置框的overflow属性会影响它的表现。

最后，一些人使用CSS生成的内容或JavaScript对浮动元素进行清理。这两种方法的基本概念是相同的。并不直接向标记中添加进行清理的元素，而是将它动态地添加到页面中。对于这两种方法，需要指定进行清理的元素应该出现在哪里，而且常常要添加一个类名：

在使用CSS方法时，结合使用:after伪类和内容声明在指定的现有内容的末尾添加新的内容。在这个示例中，我添加了一个句点，因为它是个非常小的不引人注意的字符。不希望新内容占据垂直空间或者在页面上显示，所以需要将height设置为0，将visibility设置为hidden。因为被清理的元素在它们的顶空白边上添加了空间，所以生成的内容需要将它的display属性设置为block。

这样设置之后，就可以对生成的内容进行清理：

这个方法在大多数现代浏览器中是有效的，但是在IE 6和更低版本中不起作用。有各种解决方案，其中许多记录在www.positioniseverything.net/easyclearing.html中。最常用的解决方案涉及使用Holly招数（见第8章），从而迫使IE 5-6应用“布局”（见第9章）和不正确地清理浮动元素。

但是，由于其复杂性，这个方法可能不适合所有人采用。

对JavaScript方法的解释超出了本书的范围，但是需要简要地提及一下。与前面的方法不同，JavaScript方法在所有主流浏览器上都是有效的（在打开脚本功能的情况下）。但是，如果使用这个方法，就需要确保在关闭脚本功能的情况下内容仍然是可读的。

关于CSS定位:

在CSS中关于定位的内容是：position:relative | absolute | static | fixed
static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。
relative 不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。
absolute 脱离文档流，通过 top,bottom,left,right 定位。选取其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
fixed 固定定位，这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。
CSS中定位的层叠分级：z-index: auto | namber;
auto 遵从其父对象的定位
namber 无单位的整数值。可为负数

内容当然来自我们的精通CSS‘：高级Web标准解决方案啦。

岁月无痕官方网站相关

博百优CSS:浮动定位模式

岁月无痕 — Mon, 10 May 2010 06:40:04 +0000

昨天博百优提及CSS定位中忘记了提及浮动定位模式，浮动的框可以左右移动，直到它的外边缘碰到包含框或另外一个浮动框的边缘。因为浮动框不在文档的普通流中，所以博百优认为文档的普通流中的块狂表现得就像浮动框不存在一样。

如博百优图2-13所示，当把框1向右浮动的时候，它就会脱离文档并且向右移动，直到它的右边缘碰到包含框的右边缘位置，下面看看博百优图：

在博百优下面的一张新图中，博百优展示当把框1向左浮动的时候呢，它就脱离文档流并且向左移动，直到它的左边缘碰到包含看的左边缘为止。因为它不再处于文档流中的，所以博百优认为他其实并不是很占空间，实际上就盖住了框2，使得框2在你和博百优视野中消失。如果把三个框都向左移动呢，那么框1向左浮动直到碰到包含框，另外两个框向左浮动直到碰到前面的而一个浮动框。

当然，如果包含块太窄，无法容纳水平排列的三个浮动元素的话，那么其他浮动块向下移动，直到有足够空间的地方。

今天的博百优CSS就到这里吧，浮动定位模式其实也是我最常用的CSS定位方式，特别是博百优放Adsense广告的时候，一般都是用float，你呢？

岁月无痕官方网站相关

博百优CSS：相对定位VS绝对定位VS固定定位

岁月无痕 — Sun, 09 May 2010 03:04:27 +0000

视觉格式化模型和今天介绍的相对定位，绝对定位都属于我们定位概述的内容范畴里面。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。下面博百优CSS给大家举一个例子：

比如，将top设置为20像素，那么框将出现在原位置顶部下面20像素的地方。如果将left设置为20像素，那么元素左边创建了20像素的空间，这个应该很容易理解的。

#bobaiyou{

position:relative;

left:20px;

top:20px;

}

使用相对定位的时候，无论是否进行了移动，元素依然占据原来的空间。因此，移动元素会导致它覆盖其他框。或者再简单地描述相对定位如下，可能会更加容易理解吧：

position:relative; 表示相对定位，被定位了这个属性的标签在所属的范围内可以进行上下

左右的移，这里的移动与padding或是margin所产生的位置变化是不一样的。padding与

margin是元素本身的一种边距与填充距离并不是真正的移动，而被定义为relative的元素是

真正的移动，这所产生的移动距离是从margin的外围到父级标签内侧之间这一段。

那么绝对定位呢？

博百优css：绝对定位使元素位置与文档流没什么关系。所以并不占据空间。普通文档流中其他元素的布局就像绝对定位的元素不存在一样。

或者这样表达容易理解点：

position:absolute; 表示绝对定位，如果定义了这个属性的元素，其位置将依据浏览器左上

角的0点开始计算，并且是浮动正常元素之上的。那么当你需要某个元素定位在浏览器内容

区的某个地方就可以用到这个属性。

绝对定位的元素的位置相对于最近的已定位祖先元素，这使我们能够实现一些非常有意思的效果。例如，假设希望让一个文本段落对准一个大框的右下角。只需对包含框进行相对定位，然后相对于这个框对段落进行绝对定位：

#branding {
width: 700px;
height: 100px;
position:relative;
}
#branding.tel{
position:absolute;
right:10px;
bottom:10px;
text-align:right;
}

tel:0845 838 6163

固定定位

固定定位其实就是绝对定位的一个子类别。他们之间的区别在于固定元素包含块是视口，一般来说，博客评论表单采用固定定位，这使它在页面滚动时候一直出现在位置的相同位置，有助于改善易用性，提高用户体验良好性，但是貌似我们博百优的博客没有用到固定元素哦？不过我们常见的很多大网站之前一直在用，比如是一条常用的工具条在网站的顶部或底部，淘宝网有这样设计过。

不过，很悲剧，IE6和更低版本的浏览器不支持固定定位，所以要解决这个问题，得用JS在IE中重现这个效果了。改天博百优CSS也将导航栏用来测试一下效果，哈。最好当然要感谢《精通CSS：高级Web标准解决方案》一书的内容提供啦。

转载请注明来自博百优CSS，原文地址：http://www.cubiczd.com/bobaiyou/384

岁月无痕官方网站相关

博百优CSS：弹性布局

博百优CSS：空白边叠加

岁月无痕 — Thu, 29 Apr 2010 09:39:59 +0000

空白边也就是我们博百优CSS常说的margin，当两个垂直空白边相遇时候，他们将形成一个空白边。这个空白边的高度等于两个发生叠加的空白边的高度重的较大者。

当一个元素出现在另外一个元素上面的时候，第一个元素的底空白边与第二个元素的顶空白边发生了叠加，我们一起来看看下图：

当一个元素包含在另外一个元素中的时候，他们的顶或底空白边也会发生叠加，一起来跟着博百优看看一下这个图片：

我们看上去或许觉得有点儿奇怪，但是空白边甚至可以与本身发生叠加的，假设有一个空元素，它有空白边，但是没有边框或填充、在这种情况下，顶空白边与低空白边就碰到了一起，他们会发生叠加的。这个实例图的话博百优CSS一下子找不到给大家看，也难得去做这样的一个图，大家勿见怪。

以上内容均来自《精通css：高级Web标准解决方案》

博百优CSS的观点：

空白边叠加其实有一个好处，因为如果没有空白边叠加的话，我们可以发现段落之间的空白边就是margin-top+martin-bottom了，就是空白边的两倍了，所以如果发生了叠加，段落之间的顶空白边和底空白边就会重合在一起，距离就一致了。大家可以形象地想象一下你的word文档就行了。当然，行内框，浮动框，绝对定位框是不会空白边叠加的，这只适用于普通文档块框当中而已。

岁月无痕官方网站相关

博百优CSS：IE/Win和框模型

岁月无痕 — Wed, 28 Apr 2010 04:10:02 +0000

很悲哀，IE5 和IE6都是在怪异模式中使用自己的非标准框模型。这些浏览器的width属性不是内容的宽度，而是内容、填充和边框的综合。这实际上有一定的意义，因为在现实世界中框具有固定的尺寸,而且填充是放在框里面的。添加的填充越多，给内容留下的空间就越少，尽快符合逻辑，但是这些IEb按本不符合规范，博百优虽然不是一个设计师，但是平时修改网站，自己布局的时候也会有同样头疼的问题，国内就是TMD多用户还在迷恋IE6，这是一种何等悲壮的盛况。

在前面的例子当中，我们说过IE5.x中框的总宽度只有90像素，这是因为IE5认为每个边上5像素的填充是70像素的宽度的一部分，而不是宽度意外附加的。

当然，解决的方法当然是有的。但是这些方法我们以后会详细跟大家介绍到，目前来看，最好的解决方案就是回避这个问题。也就是，不要给元素添加具有指定宽度的填充，而是尝试将填充或空白边添加到元素的父元素或子元素当中。

以上内容均来自《精通css》这本牛B的书的，哥最近再温习CSS，所以将里面的部分内容拿出来跟大家分享，未来的潮流是HTML5和CSS3，所以我们要写好基础的前提下继续探索新的技术并学习应用到我们的实战当中，HTML5和CSS3有个好的地方就是可以用样式就实现圆角，阴影等等，不在需要设计师细心地区用PS去切，保存良好用户体验的前提下又节省功夫，当然博百优css只知道点皮毛，需要跟大家继续学习和探讨，今天的博百优css基础就到这里，期待下次光临。

岁月无痕官方网站相关

CSS基础2：DOCTYPE切换和浏览器模式

岁月无痕 — Sat, 24 Apr 2010 06:12:39 +0000

博百优同学已经跟大家分享了CSS基础1的一些细节，比如标记，代码与SE之间的关系啊等等。一个优秀的页面代码其实就是需要
不仅仅简洁，更重要的是是否符合W3C规范，是否与浏览器兼容，下面我们一起来探讨这些基础内容。

DOCTYPE声明是XHTML文档开头处的行或两行代码，它描述使用哪个DTD，在下面的实例中，要使用的DTD是XHTML
1.0 strict的DTD：

如何检测你的网页代码是否符合W3C规范
1.可以访问http://validator.w3.org
2.使用一个方便的检验器bookmarklet，这是一段可以存储在浏览器的书签或收藏夹中JS
3.Web develper extension插件，这是firefox的插件。

二、浏览器模式

浏览器模式其实有两种模式：标准模式和怪异模式。大家都知道标准模式就是我们常说的主流的web标准，而怪异模式当然就是IE自身的标准啦。

对于这两种模式之间的差异，最显著的例子涉及windows上IE专有的框模型。在IE6出现的时候，在标准模式中使用正确的框模型，在怪异模式中使用老式的专有框模型。
为了维持对IE5和更低版本的向后兼容性，Opera 7和更高版本也在怪异模式中使用有缺点的IE框模型。

表现方面的其他差异比较小，而且是与特定浏览器相关的，包括对于十六进制颜色值不需要#号、假设CSS中有指定单位的长度的单位是像素，以及使用关键字时候将字号增加一级。

Mozilla和Safaris还有第三种模式，成为“几乎标准的模式”，除了在处理表格的方式方面又一些细微的差异之外，这种模式与标准模式相同。