随笔分类 -  2 CSS学习

网站CSS实例研究_www.bjdts.com
摘要：文章出处：http://www.cnblogs.com/tograce/category/156874.html六月底为公司网站（www.bjdts.com）换版，这算是我的第一个较完整的CSS布局作品，其亮点是：字体大小用em为单位，游览不论IE还是FireFOX都可以根据需要更改字体大小)，现将其过程总结，备自己以后看...先上效果图 布局分析先不管在线留言页面，只看主页，将其布局抽离出来，就... 阅读全文
posted @ 2009-07-03 15:49 尚远 阅读(600) 评论(0) 推荐(0)
水平导航栏2
摘要：摘自一个外国网站的水平导航栏 水平导航条实例 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ --> 无标题文档 Home News Products About ... 阅读全文
posted @ 2008-11-23 21:59 尚远 阅读(387) 评论(0) 推荐(0)
水平导航条
摘要：和垂直导航条一样,先要建无序列表: HOME ABOUT NEWS PRODUCTS SERVICES CLIENTS CASE STUDIES 去掉列表符号,并将padding和margin设置为0,想让水平导航条宽度为720px,并加上背景: ul { padding:0; margin:0; list-style:none; /*去掉列表符号*/ ... 阅读全文
posted @ 2008-11-17 07:02 尚远 阅读(473) 评论(0) 推荐(0)
垂直导航条
摘要：先是基本的列表: Home About News Contact 其样式表是: ul{ /*因IE和Opera使用左空白控制列表缩进,而Firefox使用左填充,所以先将margin和padding设置为0*/ margin:0; padding:0; list-style-type:none; /*去掉列表前面的符号*/ } 要将锚显示块壮，并不是直接对列表... 阅读全文
posted @ 2008-11-16 21:57 尚远 阅读(793) 评论(0) 推荐(0)
收集CSS规范 [转]
摘要：(转自 一方乐土 的博客 http://www.cnblogs.com/anlyren/archive/2008/04/25/1170869.html) XHTML-CSS写作建议 · 所有的xhtml代码小写 · 属性的值一定要用双引号("")括起来，且一定要有值 · 每个标签都要有开始和结束，且要有正确的层次 · 空元素要有结束的tag或于开始的tag后加上"/... 阅读全文
posted @ 2008-10-02 02:05 尚远 阅读(243) 评论(0) 推荐(0)
CSS学习笔记:7
摘要：CSS学习笔记:8 阅读全文
posted @ 2008-10-02 02:01 尚远 阅读(132) 评论(0) 推荐(0)
CSS学习笔记:5
摘要：CSS学习笔记:5 阅读全文
posted @ 2008-10-02 02:00 尚远 阅读(123) 评论(0) 推荐(0)
CSS学习笔记:7
摘要：CSS学习笔记:7 阅读全文
posted @ 2008-10-02 02:00 尚远 阅读(152) 评论(0) 推荐(0)
CSS学习笔记:5
摘要：CSS学习笔记:5 阅读全文
posted @ 2008-10-02 01:59 尚远 阅读(122) 评论(0) 推荐(0)
CSS学习笔记:4
摘要：CSS学习笔记:4 阅读全文
posted @ 2008-10-02 01:59 尚远 阅读(154) 评论(0) 推荐(0)
CSS学习笔记 3 : 图象
摘要：灵活的圆角框 谁说CSS不能创建漂亮的圆角框，这个效果怎么样？它还是活的，能根据内容自动伸展。不错吧 :) 其原理示意图如下 : 圆角框CSS代码 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->.box { width:20... 阅读全文
posted @ 2008-10-02 01:58 尚远 阅读(234) 评论(0) 推荐(0)
CSS学习笔记:可视化格式模型
摘要：目录 框模型 定位: 相对定位 | 绝对定位 | 浮动 1 框模型 正确的框模型 IE专有的框模型使元素比预期的小 2 定位 2.1 相对定位 我们用示意图来说明: #myBox { po... 阅读全文
posted @ 2008-10-02 01:25 尚远 阅读(285) 评论(0) 推荐(0)
css入门知识:div和span,常用选择器,高级选择器
摘要：目录 div和span: div | span 常用选择器: 类型选择器 | 后代选择器 高级选择器: 子选择器 | 相邻同胞选择器 | 属性选择器 1 div和span 1.1 div div的最重要的作用就是用来分隔文档，不要滥用，只在没有现有元素能实现区域分隔的情况下才使用div。例如，如果使用主导航列表，那么不需要将它包围在div中。 不需要将主导航列表包围在div中 Cod... 阅读全文
posted @ 2008-10-01 00:26 尚远 阅读(3535) 评论(0) 推荐(0)