随笔分类 - CSS应用
摘要：http://bbs.blueidea.com/thread-2851793-1-1.html
蓝色风格：预览 下载
蓝色风格双击关闭：预览 下载b
阅读全文
摘要：/*------------------------------------------------------------------
[Layout]
* body
+ Header / #header
+ Content / #content
- Left column / #leftcolumn
- Right column / #rightcolumn
- Sidebar / #sidebar
- RSS / #rss
- Search / #search
- Boxes / .box
- Sideblog / #sideblog
+ Footer / #footer
Navigation #navbar
Advertisements
阅读全文
摘要：
效果：http://www.chenbincb.cn/cnblogs/demo9/1.html
阅读全文
摘要：http://bbs.blueidea.com/thread-2851302-1-1.html
阅读全文
摘要：http://bbs.blueidea.com/thread-1269509-1-1.html
阅读全文
摘要：http://bbs.blueidea.com/thread-2846567-1-1.html
阅读全文
摘要：
效果1：http://www.chenbincb.com.cn/cnblogs/demo4/1.html
效果2：http://www.chenbincb.com.cn/cnblogs/demo4/2.html
阅读全文
摘要：各种遮罩层(lightbox)实现
Thickbox - 基于 jQuery，支持 AJAX，轻量级的而且比较高效。可以在 lightbox 中使用图片或 HTML。大小约为 40k，目前还可作为 WordPress 的插件使用。
GreyBox - 创建 iframe 的弹出界面，可使用图片、HTML 及 URL，大小约为 20k。
GreyBox Redux - 基于 jQuery，比 GreyBox 更轻。
阅读全文
摘要：http://bbs.blueidea.com/thread-2762581-1-1.html
阅读全文
摘要：Html+CSS 在 网页构建（Web Page Building） 中的应用已经不是什么新鲜事了。轻盈的 Div布局 方式替换了笨重 Table布局 方式。而在 Div布局 方面多数人使用的是 float方式 ，Div 在 float 的控制下忽左忽右好不自在。但我们今天要说的不是 网页构建 ，而是 B/S结构 软件界面构建。所以我想介绍另外一种方式 position方式 。我个人比较喜欢这种方式，虽然很多人认为把 Div 的 position属性 设置为 absolute 后用 top属性 和 left属性 在页面中随意定位进行布局是一种极端菜鸟的方式，但在 B/S结构 软件界面构建过程中这种 position方式 的灵活绝对会给你带来意想不到的效果。当然我所说所写 position方式 还存在很多的不足之处，这只是为了抛砖引玉，来给大家打开一个话题。
阅读全文
摘要：就是比如有一行文字，很长，表格内一行显示不下.
阅读全文
摘要：53 CSS-Techniques You Couldn’t Live Without
53个CSS-不可或缺的技巧
CSS是重要的，它正在越来越广泛的被运用。层叠样式表拥有很多表格布局所没有的优势，首先从布局或者页面的设计与出现在页面中的信息中作严格的分离，从而让页面的设计能够很容易被改变，仅用一个CSS文件更换另一个。难道它不够强大吗？恩，是的，其实它很强大。
在过去的几年里，网站开发者写了很多关于CSS的文章和开发了很多实用的技巧，这些能帮你节省很多时间。当然，如果你有足够时间也可能发现它们。在下面，你将会发现我们作为网站架构师真正不可或缺的技巧目录。它们确实是必要的，它们使我们的生活更简单。让我们看一看这53个基于CSS的技巧，如果你做网站开发，应该永远都愿意掌握它们。
感谢所有的在过去几年里在易用和可用的基于CSS设计方面作出贡献的开发者们，我们真的很感谢他们！谢谢你们！
阅读全文
摘要：关键字表，就是一些用于公共定义的ID和Class名称。
ID
1. #B-* // Body用
2. #Head, #Main, #Foot //布局用ID
3. #Message // 系统消息用
4. #Logo, #Toolbar, #Search, #Menu // Head内元素
5. #Layout_*, #Group_*, #Col_* // Main内元素
6. #Links, #CopyRight // Foot内元素
7. #B* // 广告位，与class=”b”结合使用
8. #Plugin // Banner用
Class
1. .txt, .btn, .label_checkbox, .label_input, .handle // 表单内元素
2. .meat // 模块主体元素
3. .list_*(.list_v, .list_h, .list-t, .l
阅读全文
摘要：
1.彻底弄懂CSS盒子模式一(DIV布局快速入门) 【论坛讨论】
2.彻底弄懂CSS盒子模式二(导航栏实例) 【论坛讨论】
3.彻底弄懂CSS盒子模式三(浮动的表演和清除的
阅读全文
摘要：彻底弄懂CSS盒子模式(DIV布局快速入门)
前言
作者：唐国辉 天涯社区、经典论坛昵称：webflash
如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你的上司要你改变传统的表格排版方式，提高企业竞争力，那么你一定要接触到的一个知识点就是CSS的盒子模式，这就是DIV排版的核心所在，传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容，改用CSS排版后，就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。因为用这种方式排版的网页代码简洁，更新方便，能兼容更多的浏览器，比如PDA设备也能正常浏览，所以放弃自己之前钟爱的表格排版也是值得的，更重要的是CSS排版网页的优势远远不只这些，本人在这里就不多说，自己可以去查找相关信息。
阅读全文
浙公网安备 33010602011771号