2016年12月9日学习笔记

今天主要学习了html+css的编程

掌握的知识点如下

1 在div下添加图片背景

在css文件中首先要把文件输入到背景属性中，然后要设定图片是否可以重叠，另外一定要设定div的大小才能够显示图片。代码如下

div {

  background: url(...);

  background-repeat: no-repeat;

  background-size: 100% 100%;

  height: 100px;

}

这样就可以让div用图片作为背景了

2 设计导航条

导航条可以用无序表ul或者div都可以。在里面添加条目即可。可以是按钮也可以是li条目。需要使用nav类。

3 设计大小

元素控制大小的属性为margin，padding，border

margin是该元素与包含它的容器的距离

padding是元素内部的边框。是该元素与其内部元素的距离

border是改元素外围的边框

4 文字设计

文字设计包括字体的大小，字体，颜色，粗细等等

这里记一个粗细的代码是font-weight这个控制粗细从100-900