HTML+CSS模板，请解释答案

【问题标题】：HTML+CSS template, please explainHTML+CSS模板，请解释
【发布时间】：2015-07-08 21:50:57
【问题描述】：

谁能解释如何创建 html+css 响应式模板。就像在这张图片中一样。 Mby 一些发电机什么的。我对css或html一无所知。我只需要这个模板作为我今年夏天的待办事项清单。

http://postimg.org/image/70vjuu013/

附： - 灰色的侧边栏是背景图片。

感谢您的帮助，古尔基斯。

【问题讨论】：

不妨看看bootstrap
"我对css或html一无所知。" - 现在是开始自己研究它的好时机:)
我同意谜。如果您对 HTML 或 CSS 一无所知，则需要先了解这些，然后再担心制作响应式模板。我知道的最好的入门资源是 W3Schools。谷歌他们，这应该是你的第一个结果。
A) 在 W3Schools 上完成 HTML 和 CSS 教程/活动。 B) 查看 CSS 媒体查询。 C）？？？ D) 利润。

标签： html css twitter-bootstrap responsive-design

【解决方案1】：

学习 HTML 和 CSS 是一个漫长的过程，必须经过试验、失败、尝试、搜索……

我不喜欢推荐链接，但你应该找一个教程，你想做的很简单，应该花几个小时。如果您不了解如何使用它，我认为使用它为您提供一个已经有效的解决方案是没有意义的：D

我个人很喜欢open classroom HTML5 CSS3 tutorial，因为它是免费的，而且很容易访问，但是再过一次，有很多替代品可以随意谷歌搜索此类资源。

你可能一开始会喜欢它，然后因为限制而讨厌它，然后通过它并再次爱它，祝你好运，不要失去信心：D

【讨论】：

试验、失败、尝试呵呵笑得真开心。

【解决方案2】：

这将帮助您入门。您将需要添加更多内容，但这将向您展示一些基础知识，您可以即插即用它来学习。这不是一个供人们为您构建代码的网站，而是为了更好地了解您在做什么。

HTML

<!DOCTYPE html>
<html>
<head>

</head>
<body>
    <div class="red_background">
        <div class="text">
            <p>Red</p>
        </div
    </div>
    <div class="blue_background">
        <div class="text">
            <p>Blue</p>
        </div
    </div>
</body>
</html>

CSS

.red_background (
width: 100%;
background-color: red;
}

.blue_background {
width: 100%;
background-color: blue;
}

.text {
margin: 0 auto;
width: 960px;
}

【讨论】：