8.15第二天学习内容

第二天 div+css

  1、 CSS:相当于是对网页上面的所有属性和样式的统一化,对样式进行统一设置,有一套完整设置标签和属性。       CSS样式处理啊以后,有一些标签就完全过时。比如<font></font>会在中间出现一很线,表示已经过时。

  2、Css样式设置有三种方式:

 第一种:内联样式,在标签中加入style=”属性值”;

第二种:内部样式,在<head>和</head>之间写上<style>和</style>,然后Css属性值在两个标签之间写。这是用的最多的一种样式

第三种:外部引用,创建一个css文件,例如:test.css,然后再在网页(HTML)中进行引用。

3、CSS样式的第二中:内部样式。

   CSS选择器:

   第一种:id选择器

   第二种:class选择器

   第三种:标签选择器

   第四种:组合选择器

     第五种:伪类选择器

4、id选择器

定义方法:在<style>和</style>之间定义,以#开头,#后面跟上自定义名称。

格式:#id name{css属性值,多个属性值以分号隔开,并且 建议写的属性值都换行,便于查看}

id选择器的调用

在标签(开始标签)里面写id=”id名称”,注意:调用的是奇偶写的名称必须和上面定义的名称一致。

5、class选择器

定义:在<style>和</style>之间写.选择器名称

举例:.classname{css属性值} 

Class选择器的调用:

在标签里面使用class=”选择器名称”

6、标签浏览器:

浏览器指定标签

定义:在<style>和</style>之间,定义标签选择器,标签名(不能自定义,只能值已经有的标签){   css属性值  },  标签选择器不需要调用。

7、组合选择器:

   变瘦有很多形式并存的一种选择器,一般都是由上面讲的三种基本选择器组成,并且,很大可能是id选择器+标签选择器或者class选择器+标签选择器。

8、伪类选择器:

可以做一些相对来说的动态效果。

9、盒模型div:

              Div,一个div就可以看成一个单元格,不需要其他的任何标签辅助,如果是表格,要体现一个单元格,需要table和tr进行辅助,但是div不需要任何的其他标签参与。<div>单元表格的内容</div>。

  注意:div虽然可以单独使用,不需要其他的标签,但是,必须使用css对其进行属性描述。当你没有写css属性的时候,则就算写了div,页面也不会显示任何的效果。

对于div最基本的三个属性描述:边框、高度、宽度

   盒模型div里面的外边距和内边距:

外边距:margin:外边距表示两个div之间的一个距离就是外边距

内边距:padding:表示div里面的内容与div边框的距离。

 

猜你喜欢

转载自www.cnblogs.com/daixing-woniu/p/9501499.html