日志

日志

一、学习总结

​ 1.内边距：padding 值不能为负 padding 如果值超过一个，按上右下左的顺序渲染

​ 2、盒子模型

​ CSS中组成一个块级盒子需要: Content box 显示内容

​ Padding box: 包围在内容区域外部的空白区域

​ Border box 内容和内边距

​ Margin box 最外面的区域

标准盒模型     width    height

 替代（IE）盒模型  box-sizing: border-box

​ 盒子模型和内联盒子

3.display block 元素特征 inline 内元 inline-block 宽和高 none 不做呈现

​ 使用display: inline-block

4.背景样式 CSS background

​ 背景颜色 background-color

​ transparent 指定背景颜色应该是透明的

​ inherit 指定背景颜色，应该从父元素继承

背景图片    background-image

​ 控制背景平铺 background-repeat

​ 调整背景图像的大小 background-size(cover contain)

​ 背景图像定位 background-position (top right)

​ 渐变背景 background-image(linear-gradient radial-gradient )

4.处理不同方向的文本 writing-mode

5.溢出的内容 overflow visible (hidden scroll auto)

6.CSS的值

​ 长度

二、心得体会

​ 对于css的掌握还是不够，今天学习还可以，唯一不好的就是练习题太费脑容量。