5.23 罗耀泽

日志

一、知识总结

1-1 盒子模型

完整的 CSS 盒模型应用于块级盒子,内联盒子只使用盒模型中定义的部分内容。模型定义了盒的每个部
分 —— margin, border, padding, and content —— 合在一起就可以创建我们在页面上看到的内容。

Content box: 这个区域是用来显示内容,大小可以通过设置 width 和 height .
Padding box: 包围在内容区域外部的空白区域; 大小通过 padding 相关属性设置。

Border box: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。
Margin box: 这是最外面的区域,是盒子和其他元素之间的空白区域。大小通过 margin 相关属性
设置。

1-2 标准盒模型

在标准模型中,如果你给盒设置 width 和 height ,实际设置的是 content box。 padding 和 border
再加上设置的宽高一起决定整个盒子的大小。

1-3背景样式

1-3-1 背景颜色

background-color 属性定义了CSS中任何元素的背景颜色。属性接受任何有效的 值 。背景
色扩展到元素的内容和内边距的下面。

1-3-2 背景图片

1-3-3 调整背景图像的大小

2-1 css的值

单位 名称
cm 厘米
mm 毫米
Q 四分之一毫米
in 英寸
pc 十二点活字
pt
px 像素

2-2 修饰字体文字

color 字体颜色
font-size 字体大小,通常用像素(px)来定义大小
font-weight 字体粗细
bold 加粗
normal 文本正常显示
italic 文本斜体显示
oblique 文本倾斜显示
underline 下划线
sub 垂直对齐文本的下标
super 垂直对齐文本的上标

二、心得体会

今天老师上课讲的知识,感觉学习的还行,但在做题的时候发现了好多的问题,很多的步骤都不会做,所学的内容在一步一步的增多,但感觉我的技术提升的速度还是不够快。很多的问题不能解决。

学习的压力再加大,难受。

标签


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