坚持css任务

时间:2016-10-24 12:22:13

标签: html css

好的,对模糊标题道歉,有问题的问题更为具体。我正在尝试一些非常简单的事情:在图像旁边整齐地放置一段文字。在here中,您可以找到该作业的PDF,并附有成品应如何显示的屏幕截图。 This link允许您下载包含与此相关的所有内容的zip文件,但我也会将代码段放在此处。

HTML代码



body
{
    font-family: "Segoe", sans-serif;
    font-size: 0.8125em;
}
    
h1
{
    font-size: 3em;
    color: #FF0000;
}
    
h2
{
    font-size: 2em;
    color: #575757;
}
    
h1+p
{
    font-size: 1.5em;
    color: #575757;
    background-color: #C5C5C5;
    border-color: #575757;
    border-width: 5px;
    border-style: solid;
}
    
body, h1, h2, p
{
    margin: 0;
}
    
img
{
    float: left;
    padding: 1em;
    overflow: hidden;
}
    
.top
{
    background-color: #D9D9D9;
    border-bottom: solid 5px #FF0000;
    padding: 1em;
}
    
.bot
{
    border-bottom: solid #FF0000;
}
    
.footer
{
    font-size: 1.2307692307692308em;
    font-weight: bold;
    color: #575757;
    background-color: #D9D9D9;
}

<div class="top">
    <img src="../../assets/logo.png" alt="logo">
    <h1>Main heading</h1>
    <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
    
<!-- alaosa -->
<div class="bot">
    <h2>Subheading</h2>
    <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p> 
    <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
</div>
    
<!-- footer -->
<p class="footer">ITIY3 | SIS | UTA</p>
&#13;
&#13;
&#13;

我不能发布超过两个链接,但我希望每个人都可以打开7z。现在,事情是,我不认为我可以过多地改变html,因为赋值完全是关于CSS和html文件以及图像。我做的唯一改变html文件的方法是创建src属性以便找到图片,因为我有这些东西的特定文件夹结构,我还将这些类添加到div。但是,我并不认为我可以制作更多的div,而这应该只是通过改变CSS文件来实现。要查找HTML文件,请解压缩7z并转到&#34; TestZone / code / tehtava-3 / tehtava3.html&#34;,可以在同一文件夹中找到CSS文件。

我会AFK一段时间,但我会尝试澄清你可能想知道的任何事情。

很抱歉这是一团糟。

1 个答案:

答案 0 :(得分:0)

当您是AFK时,我们不会下载任何文件来为您完成作业。