自己写的小网站

最新推荐文章于 2021-09-15 16:05:17 发布

陈见夏_Junokiki

最新推荐文章于 2021-09-15 16:05:17 发布

阅读量269

点赞数

分类专栏：前端笔记文章标签：前端

本文链接：https://blog.csdn.net/junokiki/article/details/78375865

版权

前端笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

啦啦啦

虽然很简单，但是自己写完还是很开心~~~

<html>
    <head>
    <meta charset="UTF-8">
        <title>css project</title>
        <link rel = "stylesheet" type = "text/css" href = "bolg.css">
        
        <!--[if IE]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
        <![endif]-->
              
    
    </head>

    <body>
        <header>
            <h1> My Simple Blog</h1>
        
        
        </header>
        
        <div id="container">
        
            <article>
                <section class="post-head">
                    <h2> Blog Post Title</h2>
                    <small>Posted on <time datetime= "2017-10-28">Oct 28, 2017</time></small>
                
                
                </section>
                
                <section class = "post-body">
                    <p>Many professions require some form of programming. Accountants program spreadsheets; musicians program synthesizers; authors program word processors; and web designers program style sheets. When we wrote these words for the first edition of the book (1995–2000), readers may have considered them futuristic; by now, programming has become a required skill and numerous outlets—books, on-line courses, K-12 curricula—cater to this need, always with the goal of enhancing people’s job prospects.</p>
                    
                </section>
                
                <section class="post-foot">
                    <p>Filed under general</p>
                    <p>Written by Rachel</p>
                
                
                </section>
            
            
            
            </article>
            
            
            <article>
                <section class="post-head">
                    <h2> Blog Post Title</h2>
                    <small>Posted on <time datetime= "2017-10-28">Oct 28, 2017</time></small>
                
                
                </section>
                
                <section class = "post-body">
                    <p>The typical course on programming teaches a “tinker until it works” approach. When it works, students exclaim “It works!” and move on. Sadly, this phrase is also the shortest lie in computing, and it has cost many people many hours of their lives. In contrast, this book focuses on habits of good programming, addressing both professional and vocational programmers.</p>
                    
                </section>
                
                <section class="post-foot">
                    <p>Filed under general</p>
                    <p>Written by Rachel</p>
                
                
                </section>
            
            
            
            </article>
            
            <footer>
                <p>&copy;2017 • Rachel</p>
            
            </footer>
            
        
        </div>
    
    </body>




</html>

/* blog stylesheet */
*{
    margin:0;
    padding:0;
}

body{
    font-size: 18px;
    font-family:Georgia,Times,serif;
    background:#f2f2f2;
    
    
}


h1,h2,h3{
    font-family: Helvetica,Arial;
    
}

#container{
    
    width:760px;
    margin:0 auto;
    
}

header{
    text-align:center;
    background:#fff;
    color:#1a71b8;
    padding:10px;
    
}

article{
    background:white;
    padding:20px;
    margin:20px 0;
    
    
}

article p{
    margin:0 0 1em;
}

section.post-head small{
    display:block;
    margin:0 0 20px;
    padding:0 0 20px;
    border-bottom:solid 1px #eee;
    color:#00c6a0;
}

section.post-foot{
    font-size:14px;
    border-top:soid 2px #eee;
    margin:20px 0 0 ;
    padding:20px 0 0 ;
}

footer{
    text-align:center;
    color:#aaa;
    font-size: 14px;
    
}