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的值,修饰字体文字,阴影, 透明度,鼠标样式,修改滚动条样式等。
二,心得体会
今天学习的内容不是很多,但给我的感觉是越来越难了。唉!
近期评论