笔记 2 ：HTML

来源：互联网发布：ubuntu 16安装网卡驱动编辑：程序博客网时间：2024/05/17 07:02

一、div

    作用：将整个页面分割出若干个区域    默认div无大小    如果div中有内容：默认情况下，div的高度就是内容的高度，宽度就是一行    可以通过css中的width和height指定div的大小

二、盒子模型

        padding：标签中的内容与标签边框的距离        padding-top,padding-right,padding-bottom,padding-left        padding:值  四个方向的边距都是一样的        padding：值1，值2   值1：对应的是上下内边距，值2：左右边距      对应的就是上，右，下，左    - 优先满足的是上边距，和左边距    内容居中显示        border        border-width: 10px 20px;        border-style:  solid ;        border-color: #000;         border：10px solid #000        margin：一般是设置两个同级元素之间的距离    元素在页面上的占用的区域：        width/height + padding + border + margin

三、定位

CSS 有三种基本的定位机制：普通流、浮动和绝对定位。    a、普通流（默认）        块状元素：每个元素占据一行        行内元素：一行可以显示多个    b、浮动        float:left/right    c、position    ctrl+alt+enter      <div></div>  //<div>*?

四、文字

    居中：垂直（height，line-height值设一样）    水平:（text-align：center）    div    水平居中: margin：0 auto；

0 0