HTML5 - DIV+CSS完成首页布局

1.HTML的块标签

• : 默认一个DIV独占一行

• :默认在同一行

  1.1CSS的概述

• 层叠样式表

• 美化HTML
• HTML相当于网站的骨架

• CSS对骨架进行美化

  1.1.1CSS的基础语法

• CSS的基本语法通常包含两个部分：一个是选择器，一个声明。

• 选择器{属性：属性值；属性：属性值。。。}

• CSS的引入方式

  1. 行内样式：直接在HTML的元素上使用style属性的css。
     

     Title

  2. 页面内样式：在HTML的标签中，

 <style>
            h1{
                color: red;
                font-size: larger;
            }
        </style>
        <h1>TITLE1</h1>

3. 外部样式：单独顶一个.css文件
 <link href="demo1.css" rel="stylesheet" type="text/css" /> 

1.2CSS的选择器

1. 元素选择器