日志

日志

一、学习总结

1、外边距：margin属性设置元素的外边距。格式：margin：value;（四周填充一致）

margin:value auto；(横向居中)。

2、内边距：padding设置元素的填充。padding：value；

3、显示：display 属性规定元素应该显示成什么类型。

3、盒模型的分类

content box: 这个区域是用来显示内容，大小可以通过设置 width 和 height 。

padding box: 包围在内容区域外部的空白区域；大小通过 padding 相关属性设置。

border dox: 边框盒包裹内容和内边距。

margin box: 这是最外面的区域，是盒子和其他元素之间的空白区域。

代替盒子：box-sizing: border-box ；

7、背景样式：background定义css中任何背景颜色。（#cccccc灰色、#oooooo黑色、#ffffff白色）transparent（背景颜色透明）

8、背景图片：background image设置在元素中显示图片。size（大小）

9、渐变背景：background image；

10、多个背景图片： background image:url(),url();

11、书写模式

writing mode：（属性/值）；

书写模式的属性

horizontal-tb : 块流向从上至下，对应的文本方向是横向的。

vertical-rl : 块流向从右向左，对应的文本方向是纵向的。

vertical-lr : 块流向从左向右，对应的文本方向是纵向的。

12、溢出的值

visible：默认值。内容不会被修剪，会呈现在元素框之外。

hidden：隐藏掉溢出。其余内容是不可见的。

scroll： 显示滚动条，即使没有足够多引起溢出的内容

auto：如果内容需要被修剪，则浏览器会显示滚动条以便查看其余的内容。

13、css的值

cm	厘米
mm	毫米
q	四分之一
in	英寸
pc	十二点活字
pt	点
px	像素

14、修饰字体文字。

normal：文本正常显示 。

talic： 文本斜体显示 。

oblique： 文本倾斜显示。

line-height:行高。等

15、阴影

box shadow ：属性可以设置一个或多个下拉阴影的框

16、透明度

opacity：用于设置元素的透明度， 值的范围是 0~1。

17、设置鼠标

cursor：属性用于定义鼠标样式。

18、设置滚动条

二、心得体会

今天讲的课程有点多，但感觉都不算太难，晚上的第二个图就有点难做。