HTML:div块级元素

div 布局的主要手段
division 分割的
学习方法:
笔记
案例 先看 再敲
语法 语句逻辑
用编程的方式解决生活中的事务

div 块级标签
独占一行 前后隔行
行级标签 流式布局

CSS
Cascading Style Sheet
级联(层叠) 样式 表
通用性
语法
<标签名 style="属性1:值1;...属性n:值n;">
字典
API
APPLICATION INTERFACE
应用程序 接口
1、边框类
border : 5 px solid red ;
边框宽度 样式 颜色
solid 实线条
dashed 长条虚线
dotted 圆点虚线
border-top 上
border-right 右
border-botom 下
border-left 左

2、外边距 margin
以上左为准
margin : 50 px 100 px 150 px 200 px ;
上 右 下 左
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

你可能感兴趣的:(HTML:div块级元素)