发表于: 2018-12-12 20:24:53

1 793


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

1. padding有四个方向top(上);right(右);bottom(下);left(左)

小属性的写法:

padding-top: 30px;

padding-right: 20px;

padding-bottom: 40px;

padding-left: 100px;

综合属性的写法:(上、右、下、左)(顺时针方向,用空格隔开。margin的道理也是一样的)

padding:30px 20px 40px 100px;

如果写了四个值,则顺序为:上、右、下、左。

如果只写了三个值,则顺序为:上、右、下。和右一样。

如果只写了两个值,比如说:

padding: 30px 40px;

则顺序等价于:30px 40px 30px 40px;

要懂得用小属性层叠大属性

下面的写法:

padding-left: 30px;

padding: 20px;

第一行的小属性无效,因为被第二行的大属性层叠掉了。

2. border就是边框。边框有三个要素:像素(粗细)、线型、颜色。

3. border属性是能够被拆开的,有两大种拆开的方式:

1)按三要素拆开:border-widthborder-styleborder-color。(一个border属性是由三个小属性综合而成的)

2)按方向拆开:border-topborder-rightborder-bottomborder-left

4.比较稳定的border-style就几个:soliddasheddotted

5.a是一个文本级的标签

一个段落中的所有文字都能够被点击,那么应该是p包裹a

6.标签分为两种等级:

· 行内元素

· 块级元素

7.行内元素和块级元素的区别

行内元素:

· 与其他行内元素并排;

· 不能设置宽、高。默认的宽度,就是文字的宽度。

块级元素:

· 霸占一行,不能与其他任何元素并列;

· 能接受宽、高。如果不设置宽度,那么宽度将默认变为父亲的100%

行内元素和块级元素的分类:

HTML的角度来讲,标签分为:

· 文本级标签:pspanabiuem

· 容器级标签:divh系列、lidtdd

p里面只能放文字图片表单元素,p里面不能放hulp里面也不能放p


明天计划的事情:(一定要写非常细致的内容)

1.对浮动更深层次了解

2.熟练盒子的编程,以后都用的上

3.继续掌握基本知识 

4.争取完成任务一
遇到的问题:(遇到什么困难,怎么解决的)

1.图片位置的插入

2.盒子的摆布不够理解

3.对块级标签和行级标签不太掌握 
收获:(通过今天的学习,学到了什么知识)

学会了盒子的模型

超链接的掌握

更多标签的属性


返回列表 返回列表
评论

    分享到