日志

日志

一、学习总结

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、设置滚动条

二、心得体会

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

标签

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1