标签: html5boilerplate

如何使用新的HTML5 Boilerplate定位IE9?

我正在尝试为IE定位一个类.但是,由于样板模板已更改,因此不再有效.

.myclass {
 //do something
}


.ie7 .myclass {
 ///do something

 }
Run Code Online (Sandbox Code Playgroud)

这是样板模板的新标题中的内容.

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
Run Code Online (Sandbox Code Playgroud)

html5 internet-explorer conditional-comments internet-explorer-9 html5boilerplate

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

自定义Bootstrap为更少格式

反正有下载自定义版本的twitter boostrap(你可以在哪里编辑颜色,网格宽度等),以无.格式提供css?

github less html5boilerplate twitter-bootstrap

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

html5boilerplate IE条件不起作用

好的,这是我第一次使用html5boilerplate,但无法从我的css文件中获取IE样式.

我在标题中有这个(根据页面设置)

<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
    <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
Run Code Online (Sandbox Code Playgroud)

在我的样式表中我有

#container { float:right; margin-top: 0px; }

.ie6 #container { margin-top: 5px; }

.ie7 #container { margin-top: 10px; }

.ie8 #container { margin-top: 15px; }
Run Code Online (Sandbox Code Playgroud)

它不起作用.这真的很简单,我错过了什么.

您的建议表示赞赏.

css internet-explorer html5boilerplate

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

为什么HTML5样板文件将现代化器放在头标签中?

如果你从github 查看当前的HTML5 Boilerplate,
你会发现它们在head标签的底部包含了modernizr,
但在body标签的底部却包含了其他javascript文件.
为什么分离?

html javascript html5 hyperlink html5boilerplate

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

背景图像不适用于 HTML5 Boilerplate

从开箱即用的 HTML5 Boilerplate 安装中,我使用以下代码

body
{
background-image:url('img/bg.png');
background-repeat:repeat-y;
}
Run Code Online (Sandbox Code Playgroud)

在 style.css 文件中,没有出现背景图片,它仍然保持空白。

完整的 css 在这里

/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; …
Run Code Online (Sandbox Code Playgroud)

css boilerplate html5boilerplate

0
推荐指数
1
解决办法
5600
查看次数

图像旁边链接的 CSS 对齐方式

这是我的jsfiddle

“关注我们”链接位于推特图标旁边。我想要的是链接垂直居中在图像上,css如果可能的话,不使用内联样式。

我试过直接向<a>标签添加一个类,然后调整边距。那没有用。

我尝试直接向img标签添加一个类,然后调整边距。那没有用。

我尝试再次调整填充而不是边距来做这两件事。

这甚至可能是我设置它的方式还是我将不得不更改html..或两者兼而有之?

任何建议都非常感谢!

html css html5boilerplate

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

HTML5 Boilerplate图标

我一直在使用H5BP看起来像Eons并发现它真的有用但是我从来没有真正理解所有图标的用途.

我知道它们适用于各种设备但是我从来没有真正打扰过你想到它...我只是羞怯地用我自己的设备替换了我正在研究的网站.

我刚刚用谷歌搜索,找不到任何好的解释,并在什么情况下使用它们?

我有一个iPhone和iPad,但老实说我对两者都没有留下深刻的印象,因此我可能不太了解H5BP图标在这些设备上的确切位置......

html5 icons html5boilerplate

0
推荐指数
1
解决办法
1246
查看次数