css页面布局基础
来源:互联网 发布:淘宝 苹果证书 编辑:程序博客网 时间:2024/06/15 06:31
1.盒模型:margin、padding、行高line-height
2.vertical-align:垂直对齐方式、行高居中
3.如果div没有设置高度,则会自动增加设置后,自动不变
4.绝对定位:
①使用position:absolute;声明;
②使用一个或多个偏移属性(top、right)相对于其容块的边缘进行定位,默认被设置为auto;
③绝对定位的元素完全从文档流中脱离出来,所占据的空间不保留,不再影响其他元素。
5.相对定位:
使用position:relative;声明
当设置了position:relative时,层的层叠级别高于默认的文本流级别;同等级别下将会按照文本流的顺序层叠显示。
6.容器块:
①根元素(html)创建的容器块叫做“初始化容器块”;
②对于被设置为静态或者相对定位的非根元素,容器块是它最近的父级元素、表格单元的内容区的边缘;
③对于如果祖先元素是内嵌元素,容器块为内容区的边缘。
7.处理溢出:
①overflow属性的取值有:visible是默认的,不裁剪内容,不添加滚动条,强制显示元素内容
②hidden表示裁剪内容,并不显示超出对象尺寸的内容
③scroll表示裁剪内容,同时提供滚动条
④auto表示只有在必要时才裁剪内容并添加滚动条
8.设置元素的可见性:
display属性的取值包括:
①none元素在页面上隐藏起来,元素也将退出当前的页面布局层,不占用任何的空间;
②强制将XHTML中的内嵌元素变为块级元素;
③inline:块级元素变为内嵌元素
0 0
- CSS页面布局基础
- css页面布局基础
- css页面布局基础
- css页面布局基础
- css页面布局基础
- CSS页面布局基础
- CSS页面布局基础1
- 客户端网页编程:CSS页面布局基础
- css页面布局基础盒模型
- CSS页面布局基础1——盒模型
- CSS页面布局基础2——定位
- CSS页面布局基础3——元素浮动
- CSS和页面布局
- CSS页面布局
- css页面布局
- CSS+DIV页面布局
- div+css页面布局
- CSS页面布局技巧
- 根据数据库动态创建CheckBox
- 黑马程序员-C语言中static、extern、typedef、enum使用的注意事项
- VVDocumenter Xcode6.4安装步骤(非常实用)
- Android的四种监听事件处理方式
- UVA10025连续自然数添上正负号得到固定的数
- css页面布局基础
- HDU 3829 — Cat VS Dog 最大独立集
- Fraction类(分数)实现分数的加减乘除, ⽐比较⼤大⼩小、约分等⽅方法
- hdu5336 多校联合第四场1010 模拟+bfs优先队列
- 鸟哥的私房菜学习笔记 重要的Bash Shell的操作环境
- Windows7解决VBoxDD.dll不能加载
- Integer super重写重载public4个关键字
- hdu 3790 最短路径问题 最短路Dijkstra
- 46 Useful Utility Functions For #Delphi XE8