在body里面放置两个盒子，里面盒子设置margin-top，外层盒子生效？

在里面盒子上面加一个块元素，设置高度

表单

form action="地址" method="get/post"

input type:text password

button checkbox radio reset submit file

textarea 文本域

上传的键name规定，必须写

上传的值value规定，可写可不写

placeholder，提示信息

元素

内敛元素：input、select、option、textarea、td

块元素：form、table、tr

换行

table：rowspan

colspan

cellpadding

cellspacing

border-colpase:colpase

定位

position:absolute;绝对定位 相对父元素来定位(页面定位)，给父元素加相对 定位position:relative; 不占位

position:relative;相对定位，相对于原来位置定位 占位

position:fixed;固定定位，相对于浏览器窗口定位 不占位

z-index 调整定位顺序

内敛元素可以设置宽高？

display:block/inline-block;

浮动

定位

盒子居中？

父元素：相对定位

position:relative;

子元素：绝对定位

position:absolute;

top:50%;

left:50%;

margin-left:-自身宽度一半;

margin-top:-自身高度一半;

border-radius /*圆角 单位：百分比 px*/

background:rgba([0-255],[0-255],[0-255],[0-1]) 背景透明

隐藏

display:none; 隐藏 不占位 block 自身

visibility: hidden; 隐藏 占位 visible 自身

overflow:hidden;溢出隐藏 ---父元

overflow:scroll/hidden

visibility:hidden/visible

水平布局

水平三块布局

左中右 ---左左左

左中右---左左右

水平两块布局

左右 ---左左

左右---左右

前端学习笔记--CSS布局--盒子模型

1.概述: 2.盒子模型 overflow属性: border属性: 1.padding属性: margin:

Css布局常用 1.盒子内容局中 2. 物理一像素 3.倒三角形 绘制

布局 对象属性 new Person('') 原型链 (创建对象.使用对象中的属性,如果没有那么就去原型找) new Person()      Person{   name:'', getname( ...

CSS之盒子模型

CSS核心内容 源文件目录: D:\Users\ylf\Workspaces\MyEclipse 10 标准流 盒子模型 浮动 定位 标准流/非标准流: 标准流:就是普通的 非标准流:实际工作中要打破 ...

解读CSS布局之-水平垂直居

对一个元素水平垂直居中,在我们的工作中是会经常遇到的,也是CSS布局中很重要的一部分,本文就来讲讲CSS水平垂直居中的一些方法.由于我们大搜车的日常工作中已经不再需要理会低版本IE,所以本文所贴出的方 ...

css布局详解(一)——盒模型

一.网页布局的几种情况 今天让我们总结一下在css布局的各种情况做一个总结,为我们以后布局网页时做一个参考. 先看一张图,这是去年cssConf大会时阿里的 @寒冬winter 老师放出来的: 如图所 ...

【翻译】探究Ext JS 5和Sencha Touch的布局系统

原文:Exploring the Layout System in Ext JS 5 and Sencha Touch 布局系统是Sencha框架中最强大和最有特色的一个部分. 布局要处理应用程序中每 ...

css+html简单的布局demo

于html介绍css作风.可以改变html块状布局,局更加美观.接下来看一个基础布局的小样例: