2013-20170528TC_20210523–朱文杰
日志
一、知识点
1、margin: 属性设置元素的外边距, 如果值超过一个,按上右下左(顺时针)的顺序渲染,如果缺省则上和下一样,左和右一样 (对称的值一样)
2、padding 属性设置元素的填充,padding 属性设置元素的填充。
3、CSS:中组成一个块级盒子需要:
Content box: 这个区域是用来显示内容,大小可以通过设置 width 和 height .
Padding box: 包围在内容区域外部的空白区域; 大小通过 padding 相关属性设置。
Border box: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。
Margin box: 这是最外面的区域,是盒子和其他元素之间的空白区域。大小通过 margin 相关属性设置。
4、background-image : 属性允许在元素的背景中显示图像.
5、background-size :调整背景图像的大小
6、overflow属性:
值 | 描述 |
---|---|
visible | 默认值。内容不会被修剪,会呈现在元素框之外。 |
hidden | 隐藏掉溢出。其余内容是不可见的。 |
scroll | 显示滚动条,即使没有足够多引起溢出的内容 |
auto | 如果内容需要被修剪,则浏览器会显示滚动条以便查看其余的内容。 |
7、display属性的值:
block:元素呈现块元素特征,此元素前后会带有换行符;
inline:元素呈现行内元素特征,元素前后没有换行符;
inline-block:元素呈现行内并保持宽和高的属性,行内块元素;
none:元素不做呈现,不占网页空间。
二、心得体会
老师讲的很好,奈何学生不争气啊,真的是应了那一句话,左耳朵进右耳出。知道那个代码是干嘛的就是写不出来就很人或者写出来了位置却不对,今天的作业我16个框架做出来可是一运行就出问题前面四个方块和最后四个对着就是中间一直乱。早上那个在晚自习是才弄懂,一听就会一做就废。
三、疑问
display那一方面运用不太懂,做出来的东西有一部分会对不齐。
近期评论