注册
 找回密码
 注册
江西广告网
查看: 691|回复: 0
打印 上一主题 下一主题

web标准常见问题集合

[复制链接]
  • TA的每日心情
    擦汗
    2016-12-6 16:04
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    1
    跳转到指定楼层
    发表于 2007-3-19 10:27:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    您需要 登录 才可以下载或查看,没有帐号?注册

    x
    列举了一些常见,新手经常问的问题。举例并说明解决方法。 1.超链接访问过后hover样式就不出现的问题
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    3. <style type="text/css">
    4. <!--
    5. a:link {
    6. color:red
    7. }
    8. a:hover {
    9. color:blue
    10. }
    11. a:visited {
    12. color:green
    13. }
    14. a:active {
    15. color:orange
    16. }
    17. -->
    18. </style>
    19. <a href="#">
    20. web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全
    21. </a>
    复制代码
    被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.FF下如何使连续长字段自动换行
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    3. <style type="text/css">
    4. <!--
    5. div {
    6. width:300px;
    7. word-wrap:break-word;
    8. border:1px solid red;
    9. }
    10. -->
    11. </style>
    12. <div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
    13. <script type="text/javascript">
    14. /* <![CDATA[ */
    15. function toBreakWord(intLen){
    16. var obj=document.getElementById("ff");
    17. var strContent=obj.innerHTML;
    18. var strTemp="";
    19. while(strContent.length>intLen){
    20. strTemp+=strContent.substr(0,intLen)+"&#10;";
    21. strContent=strContent.substr(intLen,strContent.length);
    22. }
    23. strTemp+="&#10;"+strContent;
    24. obj.innerHTML=strTemp;
    25. }
    26. if(document.getElementById && !document.all) toBreakWord(37)
    27. /* ]]> */
    28. </script>
    复制代码
    众所周知IE中直接使用 word-wrap:break-word 就可以了, 这里FF中我们使用JS插入 的方法来解决 3.ff下为什么父容器的高度不能自适应
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    3. <style type="text/css">
    4. <!--
    5. div {
    6. width:200px;
    7. border:1px solid red
    8. }
    9. p {
    10. float:left;
    11. width:100px;
    12. }
    13. -->
    14. </style>
    15. <div><p>web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全</p></div>
    复制代码
    为什么这个P撑不开DIV呢?解决的办法是在div 与 p 之间插入
    清除掉这个p的浮动
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    快速回复 返回顶部 返回列表