2016年12月9日学习笔记

时间:2021-09-21 11:48:43

今天主要学习了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类。

<ul class="nav nav-tabs">

3 设计大小

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

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

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

border是改元素外围的边框

4 文字设计

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

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