博百优认为，要学好CSS必须要看好书，一般技术书籍我们都是推荐买国外的，因为国内的技术书籍很多哦都不值得看或者是直接抄袭国外的知识。所以今天博百优CSS给大家推荐的几本书几本书都是国外的，希望大家喜欢。
» Read more..
Tag Archive for CSS
博百优CSS：推荐几本CSS书籍
博百优CSS：行框与清理
经历了两天的博百优网赚系列（链接类和广告联盟类）之后，今天要回归主题，博百优CSS的学习当中。今天大家一起来学习行框与清理，这是继上次的CSS定位的绝对相对定位和浮动定位之后的新的知识点。
浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。实际上，创建浮动框使文本可以围绕图像。如博百优给出的下图： » Read more..
博百优CSS:浮动定位模式
昨天博百优提及CSS定位中忘记了提及浮动定位模式，浮动的框可以左右移动，直到它的外边缘碰到包含框或另外一个浮动框的边缘。因为浮动框不在文档的普通流中，所以博百优认为文档的普通流中的块狂表现得就像浮动框不存在一样。
如博百优图2-13所示，当把框1向右浮动的时候，它就会脱离文档并且向右移动，直到它的右边缘碰到包含框的右边缘位置，下面看看博百优图： » Read more..
3 comments
CSS, 博百优, 浮动
博百优CSS：视觉格式化模型
p,h1或div等元素，我们经常称之为块级元素。大概的意思就是这些元素显示为一块内容。与之相反，strong和span等元素成为行内，因为他们的内容显示在行中。
上次介绍完空白边叠加之后，博百优CSS今天要介绍的就是视觉格式化模型，CSS中有三种基本的定位机制：普通流，浮动和绝对定位。除非专门制定，否则所有框都在普通流中定位。普通流中元素框的位置由元素在HTML中的位置决定的。
块级框从上到下一个接一个地排列，框之间的垂直距离由框的垂直空白边计算出来的。行内框在一行中水平不知。可以使用水平填充，边框和空白便调整他们的水平间距，如图： » Read more..
博百优css:如何针对IE6,7,8实施CSS hack？
其实，当初想把博百优css做成一个网赚博客，不过那是改成博百优css之后的想法了，想了一下，title和meta，甚至主题都改了那么多次了，就不打算继续在这里瞎折腾了，现在每天当然除了工作之外就是搞自己的网站啦，由于最近工作比较忙，所以也没有忙着去看css，不过最近看到一个有价值的css信息，这里就跟大家分享一下，如何针对IE6,7,8实施CSS hack？ » Read more..
3 comments
CSS, hack, 博百优
博百优CSS：空白边叠加
空白边也就是我们博百优CSS常说的margin，当两个垂直空白边相遇时候，他们将形成一个空白边。这个空白边的高度等于两个发生叠加的空白边的高度重的较大者。
当一个元素出现在另外一个元素上面的时候，第一个元素的底空白边与第二个元素的顶空白边发生了叠加，我们一起来看看下图： » Read more..
One comment
CSS, margin, 博百优, 空白边叠加
博百优CSS：IE/Win和框模型
很悲哀，IE5 和IE6都是在怪异模式中使用自己的非标准框模型。这些浏览器的width属性不是内容的宽度，而是内容、填充和边框的综合。这实际上有一定的意义，因为在现实世界中框具有固定的尺寸,而且填充是放在框里面的。添加的填充越多，给内容留下的空间就越少，尽快符合逻辑，但是这些IEb按本不符合规范，博百优虽然不是一个设计师，但是平时修改网站，自己布局的时候也会有同样头疼的问题，国内就是TMD多用户还在迷恋IE6，这是一种何等悲壮的盛况。
在前面的例子当中，我们说过IE5.x中框的总宽度只有90像素，这是因为IE5认为每个边上5像素的填充是70像素的宽度的一部分，而不是宽度意外附加的。 » Read more..
No comments
CSS, 博百优, 框模型
我为什么要去掉博百优css的网址输入框？
其实道理很简单，就是为了防止大家为了外链而留言，虽然百度说她支持nofollow，但是哥是不相信的。我知道每一届的站长网seo大赛必然会造成大量的垃圾留言，我也会去做一些这些活，没办法，因为就是这样。
所以对于我来说，我宁愿没有人来留言也不需要留言泛滥。经过前一阵子对站内的优化，现在感觉网址的整体情况不错，虽然排名还没上来，但是相信多加点外链，排名靠前应该是没问题的。我之前已经说过了，seo是分为运营端和技术端，这些知识其实没必要详细去说，因为翻来覆去都是那些知识，关键是你的执行力有多少，你的创意性有多少，你的资源有多少。
说说最近给站内做了哪些优化吧：
1.面包屑导航 » Read more..
2 comments
CSS, SEO, 博百优
CSS基础3：框模型的概述
昨天博百优css介绍了doctype和浏览器模式基础知识，今天要进入相对要开始实操的知识介绍了—可视化格式模型需要掌握的三个重要CSS概念是：浮动（float），定位（position）和框模型（box model）。今天首先接受框模型：
一、基本情况
框模型就是指定元素如何显示以及如何相互交互。这个框由元素的内容、padding、border和margin来组成的。如下图： » Read more..
CSS基础2：DOCTYPE切换和浏览器模式
博百优同学已经跟大家分享了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的插件。
» Read more..