码迷,mamicode.com
首页 > 其他好文 > 详细

8.15第二天学习内容

时间:2018-08-19 17:08:43      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:内容   模型   add   需要   test   建议   一个   单元   属性   

第二天 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边框的距离。

 

8.15第二天学习内容

标签:内容   模型   add   需要   test   建议   一个   单元   属性   

原文地址:https://www.cnblogs.com/daixing-woniu/p/9501499.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!