LAPTOP-VHVALM3A_05023姚涵雅

05023学习日志

一、知识总结

1>盒子模型组成:
  1. content box显示内容,通过width和height设置大小
  2. Padding box内容区域外部空白区域,通过padding设置大小
  3. Border box边框盒子包裹内容和内边距,通过border设置大小
  4. Margin box盒子和其他元素之间的空白区域,通过margin设置大小
  5. 标准盒模型:margin不计入实际大小
  6. 替代(IE)盒模型:所有宽度为可见宽度
  7. 盒子模型和内联盒子
2>display属性:
  1. block:元素呈块元素特征,元素前后有换行符
  2. inline:元素呈内行元素特征,元素前后无换行符
  3. inline-block:元素呈行内并保持宽和高的属性
  4. none:元素不做呈现,不占网页空间。visibility不显示但占网页空间
3>背景样式background

background-color

color

transparent背景颜色是透明(默认)

inherit:指定背景颜色,应从父元素继承

background-image

  • ​ background-repent
  • ​ background-size
  • ​ background-position

渐变背景:

  • linear-gradient 线性梯度渐变,延伸到整个盒子上
  • radial-gradient 有一个固定的大小,因此会重复

多个背景图像

background-attachment背景附加:

  • scroll元素背景在页面上滚动
  • fixed元素背景固定在视图端口
  • local

background-clip

  • border-box 背景延伸至边框外沿
  • padding-box 背景延伸至内边距( padding )外沿
  • content-box 背景被裁剪至内容区(content box)外沿
  • text 背景被裁剪成文字的前景色
4>处理不同方向的文本
5>溢出的内容
  • overflow属性:
  • visible 内容不会被修剪,会呈现在元素框之外(默认)
  • hidden 隐藏掉溢出
  • scroll 显示滚动条
  • auto 自动
6>css的值

绝对长度、相对长度

7>修饰字体的文字

color、font-size、font-weight、font-famliy、font-style、text-decoration、text-align、text-shadow、vertical-align

8>阴影

box-shadow属性设置,h-shadow和v-shadow为必选,值可为负

二、心得体会

今天的天气不错哈,没有那么闷热。在学习的过程中,能明显感觉到老师对我们的内容进度难度都有所调整,作业不是很难,作业量挺大的呢。

三、疑问

markdown软件可不可以同时选中不同行的不同内容?

标签

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