小编Jit*_*yas的帖子

如何在没有ipad的情况下测试ipad的网站,条件是肖像和风景?

如何在没有iPAD的情况下测试iPAD的网站兼容性,条件是纵向还是横向?

在Windows PC上

css xhtml windows-xp cross-browser ipad

7
推荐指数
2
解决办法
2万
查看次数

在HTML,CSS和浏览器方面,术语"正常流量"和"流出量"是什么意思?

在HTML,CSS和浏览器方面,术语"正常流量"和"流出量"是什么意思?

html css browser xhtml

7
推荐指数
1
解决办法
1万
查看次数

如何在HTML 5中使用CSS中的2级滚动选项卡

我需要制作这样的标签,它有水平滚动,我使用的是HTML 5 figurefigure标题

HTML示例

<div class="footernav">
  <a href="javascript:void(0)">
    <figure> <img src="http://lorempixel.com/200/200/fashion/" class="fluid">
        <figcaption>
                <h3>Product Name</h3>
        </figcaption>
    </figure>
  </a>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.footernav {white-space;no-wrap; padding-top: 0.2%; border-top: 1px solid white; overflow: auto; white-space:nowrap; padding-bottom: 1.9%;}
.footernav a { text-decoration: none; font-weight: bold; display: inline-block; padding-right: 1.5%; padding-left: 1.5%; text-align: center; margin-top: 1.1em; overflow:hidden; }
.footernav figure:last-child { margin-right: 0; }
.footernav img { min-width: 118px; max-width: 118px; padding:3px;  }
figure{margin:0}
.footernav a:hover,
.footernav a.selected { border-top-left-radius: 15px;
border-top-right-radius: 15px; …
Run Code Online (Sandbox Code Playgroud)

html css html5 css3

7
推荐指数
1
解决办法
1467
查看次数

6
推荐指数
1
解决办法
1995
查看次数

我们应该尝试在网站中使用所有H1到H6吗?

我们应该在网站上使用所有H1到H6吗?

我通常使用h1到h2.现在如何判断和决定H3到h6的使用位置.

我们应该这样使用吗?

h3 {display:inline}

<div id="content">
  <h3> some text in bold:</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
         </p>
  <h3> some text in bold:</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
         </p>
</div>
Run Code Online (Sandbox Code Playgroud)

或这个

span {font-weight:bold}

<div id="content">
  <p><span> some text in bold:</span>
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor …
Run Code Online (Sandbox Code Playgroud)

css xhtml accessibility

6
推荐指数
2
解决办法
423
查看次数

我怎样才能记住所有的CSS短片?

我永远不会忘记并总是使用速记margin,padding因为它顺时针运行,但你怎么记得其他人?

你尽可能使用CSS简写吗?

记住不同短线的最佳方法是什么?

更新:

我还找到了2个好的速记备忘单.

  1. Png - http://www.catchmyfame.com/wp-content/uploads/2009/07/CSS-Shorthand-Cheat-Sheet.png
  2. PDF - http://www.eddiewelker.com/wp-content/uploads/2007/09/csscheatsheet.pdf

css

6
推荐指数
1
解决办法
512
查看次数

a [type ="application/pdf"] vs [href $ =".pdf"]

是什么这两个选择之间的差异 a[type="application/pdf"]a[href$=".pdf"]

a[type="application/pdf"] { 
  background-image: url(/images/pdf.gif);
  padding-left: 20px;
}

a[href$=".pdf"] { 
  background-image: url(/images/pdf.gif);
  padding-left: 20px;
}
Run Code Online (Sandbox Code Playgroud)

css

6
推荐指数
2
解决办法
1万
查看次数

HTML5标签的用法

问题

  1. 平均而言,与CSS layers(div)的使用相比,HTML5语义标签的使用量是否有所增加?
  2. 此外,它们之间是否存在很大差异,是否优化了代码以提高速度和可维护性?
  3. 字符长度的差异并不大,并且<div id="footer">在旧浏览器中兼容,而不使用Modernizr或其他Javascript解决方案来模拟不受支持的浏览器中的HTML5支持.因此,如果我只使用HTML5语义标签,而不是使用HTML5的任何提前功能,例如 audio,video等我失去的东西吗?

例子

HTML

<footer><div id="footer">

CSS

#footer {}Footer {}

html css html5

6
推荐指数
1
解决办法
359
查看次数

哪个是首选的最早的浏览器和最短的屏幕尺寸的移动测试网站,哪些设备上网和仍在使用?

哪个是最早的浏览器和最短的移动屏幕尺寸,它具有上网和仍在使用的设施?

我正在为旧设备(不适用于智能手机)制作移动网站,这些设备仍在使用中.

我正在测试尺寸为240 x 320像素的诺基亚5130 Xpress Music手机,浏览器是Opera Mini(版本我不知道).

是否足以对此进行测试,这些天或者我应该测试比这个更低的尺寸和更低能力的浏览器?

有什么建议吗?

在此输入图像描述

编辑:就像桌面一样,我们不认为屏幕尺寸低于1024 X 768像素,我们已经开始不考虑IE6,Firefox 2和3.0等.

那么手机屏幕和浏览器有这样的标准吗?

html css xhtml mobile-website

6
推荐指数
1
解决办法
366
查看次数

是否有任何jquery插件可以在HTML页面中保留常见的页眉和页脚?

是否有任何jquery插件用于在HTML页面中保持公共页眉和页脚?

就像我可以将header.html和footer.html添加到index.html中一样.

我知道我可以使用php,但如果可能的话,我想不用在我的本地PC上安装任何服务器.完成所有工作后,我将使用PHP包括

了header.html

<title>Template</title>
<meta name="description" content="">
<link rel="stylesheet" href="css/styles.css?v=1.0">
<script src="js/modernizr-2.0.6.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

的index.html

{include header.html}

<body class="home">

{include footer.html}
Run Code Online (Sandbox Code Playgroud)

Footer.html

<footer class="f1">
    <p>copyright &copy; year</p>
</footer><!-- .f1 -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="js/general.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery jquery-plugins

6
推荐指数
1
解决办法
1万
查看次数