DIV+CSS介绍

DIV+CSS介绍

案例介绍

       在之前使用了表格<table>对网站首页进行了布局,但是表格布局有自身的缺陷,并不是特别灵活,所以将使用UI工程师经常使用的

DIV+CSS方式进行布局,这种布局方式更为灵活。

DIV相关技术

       Div 它是一个 html 标签，一个块级元素 ( 单独显示一行 ) 。它单独使用没有任何意义， 必须结合 CSS 来使用。它主要用于页面的布局。

      

      Span 它是一个 html 标签，一个内联元素 ( 显示一行 ) 。它单独使用没有任何意义，必 须结合 CSS 来使用。它主要用于对括起来的内容进行样式的修饰。

 

 CSS 相关的知识

        css概述

             CSS指层叠样式表(Cascading Style Sheets)

             样式定义如何显示HTML元素

             样式通常存储在样式表中

             把样式添加到HTML4.0中,是为了解决内容与表现分离的问题

             外部样式 表通常存储在CSS文件中

             多个样式定义可层叠为一

       css的作用

              HTML:它是整个网站的骨架。

扫描二维码关注公众号，回复： 9535894 查看本文章

              CSS：它是对整个网站骨架的内容进行美化（修饰） 

        css如何使用

               语法和规范

                      选择器{

                      属性名1:属性值1;

                      属性名2:属性值2;     

                      属性名3:属性值3; 

          }

         css的引入方式

                css的 引入方式分位三种

                第一种:行内引入

               

<div style="color:red;font-size: 100px;">
JavaEE
</div>

                第二种:内容引入

<style type="text/css">
div{
color:red;
font-size: 100px; }
</style>

              第三种:外部引入

                  使用style.css文件

                   使用<link rel="stylesheet" type="text/css" href="style.css">

                   rel:stylesheet:css的一个层叠样式表

                   type:text/css:默认

                    href:style.css要引入的文件