HTML和CSS
关注
分享
扫一扫
forgetrebecca
这个作者很懒，什么都没留下…
展开
-
横向导航学习
（一）今天学习了一下横向导航设计，利用 CSS 布局实现导航与 table 布局有很大区别 ^^ （二）传统的表格式导航制作如下代码，利用 table 简单实现。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><html>...2008-11-15 18:29:14 · 206 阅读 · 0 评论 -
font-family:inherit;？CSS小归纳ing
1.font-family:inherit;是什么意思？ 字体样式从 父元素继承。 2. zoom:1; /* 针对IE6.0*/ 还有，例如<div style="background:#000; margin:5px; zoom:1;"> /* 在没设置宽度确切值的时候用ZOOM*/ overflow:hidde...原创 2011-09-21 22:28:43 · 1529 阅读 · 0 评论 -
'font:12px/1.5 Tahoma' 其中12px/1.5表示什么
其中12px/1.5表示什么?其中12px/1.5表示：文字大小12像素，行高1.5倍，也就是150%原创 2011-09-20 15:12:10 · 451 阅读 · 0 评论 -
1.控制DIV属性实例 （一）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2011-09-20 13:42:31 · 119 阅读 · 0 评论 -
二级横向菜单
二级横向菜单 html如下： <body><ul id="nav"> <li><a href="#">我的资料</a> <ul class="nav2"> <li><a href=原创 2011-09-16 16:41:39 · 258 阅读 · 0 评论 -
二级树形菜单
二级树形菜单，学习了 html代码 <body><ul id="nav"> <li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的资料</a> <ul id="ChildM原创 2011-09-16 14:45:38 · 283 阅读 · 0 评论 -
命名规则有利于SEO
不断改进自己的习惯，使其规范化！！！ 搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。 为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMe...原创 2011-09-16 14:13:50 · 110 阅读 · 0 评论 -
TABLE超出宽度自动换行CSS隐藏
IE浏览器 一、使用 table-layout:fixed;强制table的宽度,多余内容隐藏 <table style="table-layout:fixed" width="200"><tr><td>这里超出限制的宽度，自动换行，隐藏部分</td></tr></table> 二原创 2010-10-09 22:40:43 · 739 阅读 · 0 评论 -
背景颜色
喜欢的导航背景颜色值：background:#eff;background:#549dda; kkp: #A9B5F3;原创 2010-05-27 09:49:56 · 87 阅读 · 0 评论 -
CSS Hack 汇总快查(z)
屏蔽IE浏览器（也就是IE下不显示）*:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上sa...2010-03-20 23:17:30 · 104 阅读 · 0 评论 -
ie兼容问题大总结 (z)
其实浏览器的不兼容，我们往往是各个浏览器对于一些标准的定义不一致导致的，因此，我们可以进行一些初始化，很多问题都很轻松解决。下面是14条特殊情况仅供参考：1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案...2010-03-19 10:34:08 · 211 阅读 · 0 评论 -
outline-style 设计div外围样式时！
//div {outline-style :solid ; outline-color:#ddd;outline-width:1px ;} 可以设计div 样式哦，还有a 的样式，虽然不常用，但有的时候，你会发现，哇，它很神奇哈。可以解决外边框比较复杂的设计。 基本特性初始值：none 适用于：所有元素...2010-03-18 21:08:03 · 158 阅读 · 0 评论 -
css sprites（很好很强大）（zz）
最近，用到这个技术，让我们更深入的了解它吧^^ 来自：http://www.52css.com/article.asp?id=735 对啦，下面的图，记得放进素材库哦，将来备用，改个渐变就OK啦^^ CSS Sprites技术早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。 原先只在CSS玩家之间...2010-03-18 17:12:34 · 117 阅读 · 0 评论 -
关于CSS“ 显示一张图片的部分图片”问题
废话少说，举例 原本图片， HTML代码， <--! <!--财经资讯篇--> <div class="left_1" style="mar...2010-03-18 15:49:11 · 197 阅读 · 0 评论 -
html的per标签 - 预格式文本
1.html的per标签：（预格式文本） <pre> 标签的一个常见应用就是用来表示计算机的源代码。 <pre>&lt;script type="text/javascript"&gt; alert(typeof 12345); <span>//输出number</span> alert(t...原创 2011-09-22 16:27:06 · 1332 阅读 · 0 评论