随笔分类 -  2 CSS学习

摘要:文章出处:http://www.cnblogs.com/tograce/category/156874.html六月底为公司网站(www.bjdts.com)换版,这算是我的第一个较完整的CSS布局作品,其亮点是:字体大小用em为单位,游览不论IE还是FireFOX都可以根据需要更改字体大小),现将其过程总结,备自己以后看...先上效果图 布局分析先不管在线留言页面,只看主页,将其布局抽离出来,就... 阅读全文
posted @ 2009-07-03 15:49 尚远 阅读(600) 评论(0) 推荐(0)
摘要:摘自一个外国网站的水平导航栏 水平导航条实例 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)
摘要:(转自 一方乐土 的博客 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学习笔记:8 阅读全文
posted @ 2008-10-02 02:01 尚远 阅读(132) 评论(0) 推荐(0)
摘要:CSS学习笔记:5 阅读全文
posted @ 2008-10-02 02:00 尚远 阅读(123) 评论(0) 推荐(0)
摘要:CSS学习笔记:7 阅读全文
posted @ 2008-10-02 02:00 尚远 阅读(152) 评论(0) 推荐(0)
摘要:CSS学习笔记:5 阅读全文
posted @ 2008-10-02 01:59 尚远 阅读(122) 评论(0) 推荐(0)
摘要:CSS学习笔记:4 阅读全文
posted @ 2008-10-02 01:59 尚远 阅读(154) 评论(0) 推荐(0)
摘要:灵活的圆角框 谁说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)
摘要:目录 框模型 定位: 相对定位 | 绝对定位 | 浮动 1 框模型 正确的框模型 IE专有的框模型使元素比预期的小 2 定位 2.1 相对定位 我们用示意图来说明: #myBox { po... 阅读全文
posted @ 2008-10-02 01:25 尚远 阅读(285) 评论(0) 推荐(0)
摘要:目录 div和span: div | span 常用选择器: 类型选择器 | 后代选择器 高级选择器: 子选择器 | 相邻同胞选择器 | 属性选择器 1 div和span 1.1 div div的最重要的作用就是用来分隔文档,不要滥用,只在没有现有元素能实现区域分隔的情况下才使用div。例如,如果使用主导航列表,那么不需要将它包围在div中。 不需要将主导航列表包围在div中 Cod... 阅读全文
posted @ 2008-10-01 00:26 尚远 阅读(3535) 评论(0) 推荐(0)