html和css的简单认识

##HTML
超文本标记语言
#HTML语法

#常用html标签
属于结构写在body里面
-div标签 无语义

#css
- css语法
/* css注释 */

css引入方式
-内部引入

css中的常用样式
-width 元素的宽
-heihght 元素的高
-background-color属性 背景颜色
默认背景颜色为透明
-border 元素的边框 （默认四周都有边框）
border：边框宽度（单位像素） 边框线型（solid） 边框颜色（）
border-top：none；去掉上边框
-border-redius属性（圆角）
border-redius：左上角 右上角 右下角 左下角；
属性值单位 像素|%
圆的实现 椭圆的实现 圆角矩形的实现
-位置属性
margin属性
-margin：0 auto；和 width属性同时使用，实现盒子水平居中
-margin-top
属性值为正数，向下移动
属性值为负数，向上移动
-margin-left
属性值为正数，向右移动
属性值为负数，向左移动
元素占位
float属性 （浮动）
-float：left；像右浮动
-float：right：向左浮动
元素不占位
position属性
-position：relative；相对定位 做参照 父元素
-position：absolute；绝对定位 特殊位置移动 子元素
-偏移属性
-left：0；| right：0；
-top：0；| bottom：0；
旋转属性
transform：rotate（角度deg）

位置元素
margin 在原来的位置上移动
position{绝对定位（absolute） 相对定位（relative） } 任意位置移动
float（浮动）水平移动