DESKTOP-ESEP4D3_20120523-马兰

日志

一,知识总结

1,内边距

padding 属性设置元素的填充,不能有负数。

2,盒子模型

模型定义了盒的每个部分 —— margin, border, padding, and content —— 合在一起就可以创建我们在页面上看到的内容。

(1)合模型的组成

Content box: 这个区域是用来显示内容,大小可以通过设置 width 和 height .
Padding box: 包围在内容区域外部的空白区域,通过 padding 相关属性设置大小。
Border box: 边框盒包裹内容和内边距,通过 border 相关属性设置大小。
Margin box: 最外面的区域,通过 margin 相关属性设置大小。

(2)替代盒模型

替代模型可以通过设置 box-sizing: borderbox 来实现。

3,display

display属性的值:

描述
block 块元素,前后有换行符
inline 内联元素显示
inline-block 元素呈行内并保持宽和高的属性
none 元素不显示,不占网页空间
hidden 隐藏,占网页空间

4,背景样式

CSS background 属性是许多普通背景属性的简写。

包括:(1)背景颜色(background-color)

​ (2)背景图片(background-image)

​ (3)渐变背景

​ (4)多个背景图像

​ (5) 背景附加(background-attachment )

5,处理不同方向的文本

writing-mode 的三个值分别是:
horizontal-tb : 块流向从上至下,文本横向。
vertical-rl : 块流向从右向左,文本纵向。
vertical-lr : 块流向从左向右,文本纵向。

6,溢出的内容

overflow 属性 控制一个元素溢出的方式,默认值为 visible

描述
visible 默认值,内容不会被修剪,会呈现在元素框之外
hidden 隐藏掉溢出,其余内容是不可见的
scroll 显示滚动条,即使没有足够多引起溢出的内容
auto 如果内容需要被修剪,则浏览器会显示滚动条以便查看其余的内容。

7,CSS的值,修饰字体文字,阴影, 透明度,鼠标样式,修改滚动条样式等。

二,心得体会

​ 今天学习的内容不是很多,但给我的感觉是越来越难了。唉!

标签


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