发表于: 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;
u 要懂得用小属性层叠大属性
下面的写法:
padding-left: 30px;
padding: 20px;
第一行的小属性无效,因为被第二行的大属性层叠掉了。
2. border就是边框。边框有三个要素:像素(粗细)、线型、颜色。
3. border属性是能够被拆开的,有两大种拆开的方式:
(1)按三要素拆开:border-width、border-style、border-color。(一个border属性是由三个小属性综合而成的)
(2)按方向拆开:border-top、border-right、border-bottom、border-left。
4.比较稳定的border-style就几个:solid、dashed、dotted。
5.a是一个文本级的标签
一个段落中的所有文字都能够被点击,那么应该是p包裹a
6.标签分为两种等级:
· 行内元素
· 块级元素
7.行内元素和块级元素的区别:
行内元素:
· 与其他行内元素并排;
· 不能设置宽、高。默认的宽度,就是文字的宽度。
块级元素:
· 霸占一行,不能与其他任何元素并列;
· 能接受宽、高。如果不设置宽度,那么宽度将默认变为父亲的100%。
行内元素和块级元素的分类:。
从HTML的角度来讲,标签分为:
· 文本级标签:p、span、a、b、i、u、em。
· 容器级标签:div、h系列、li、dt、dd。
p里面只能放文字、图片、表单元素,p里面不能放h和ul,p里面也不能放p
明天计划的事情:(一定要写非常细致的内容)
1.对浮动更深层次了解
2.熟练盒子的编程,以后都用的上
3.继续掌握基本知识
4.争取完成任务一
遇到的问题:(遇到什么困难,怎么解决的)
1.图片位置的插入
2.盒子的摆布不够理解
3.对块级标签和行级标签不太掌握
收获:(通过今天的学习,学到了什么知识)
学会了盒子的模型
超链接的掌握
更多标签的属性
评论