8.15第二天学习内容
Posted daixing-woniu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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边框的距离。
以上是关于8.15第二天学习内容的主要内容,如果未能解决你的问题,请参考以下文章