HTML：div块级元素

div 布局的主要手段

division 分割的

学习方法:

笔记

案例 先看 再敲

语法 语句逻辑

用编程的方式解决生活中的事务

div 块级标签

独占一行 前后隔行

行级标签 流式布局

CSS

Cascading Style Sheet

级联(层叠) 样式 表

通用性

语法

<标签名 style="属性1:值1;...属性n:值n；">

字典

API

APPLICATION INTERFACE

应用程序 接口

1、边框类

border: 5px solid red;

边框宽度 样式 颜色

solid 实线条

dashed 长条虚线

dotted 圆点虚线

border-top 上

border-right 右

border-botom 下

border-left 左

2、外边距 margin

以上左为准

margin: 50px 100px 150px 200px;

上 右 下 左

aotu 居中

3、padding 内边距

margin 不会改变div的面积大小

padding 会改变div的面积大小

4、文字

大小 加粗 斜体 字体 水平居中 垂直居中

颜色

font-size color weight style family

5、背景图片颜色

background-color:gray;

background:url() no-repeat

6、定位 position

1、相对定位 relative

参照物:自己原来的位置

top y轴 left x轴

相对于原有位置的位移

并保留原有位置的占用

2、绝对定位 absolute

相对于父级(前提是父级发生了定位)的位移

否则找父的父 直到 body

不保留原有位置的占用

3、固定定位 fixed

相对于浏览器左上角的位移

4、static 不定位

7、文本

text-align line-height