一、HTML
1.html基本结构
<head>
<meta charset="utf-8">
<title></title>
<!-- 样式 -->
<style type="text/css"></style>
</head>
<!-- 身体 -->
<body>
<!-- 行为 -->
<script type="text/javascript"></script>
</body>
</html>
2.html 是一个标记语言
3.开标签+闭标签
标签需要符合开闭原则
4.块级元素、行内块元素、行内元素
块级元素：可以直接设置宽高、默认占一整行
行内块元素：可以直接设置宽高、但是不占一整行
行内元素：不可以直接设置宽高、也不占一整行
5.span 是一个没有任何样式的段落标签
6.pre 是一个有带格式的p标签,可以保留缩进、换行（用于展示代码）
7.div是没有任何样式的块级元素 用来包裹内容和分割内容
8.<iframe> 这是一个框架元素，用来显示其他内容
9.label 本身不会有任何的视觉效果，但是优化了鼠标用户的用户体验
10.css选择器有5种
（1）.class 类名选择器
（2）#id id选择器
（3）tagName 元素名选择器
（4）* 通配符选择器
（5）html,body,.box 分组选择器
11.js 事件的语法：
ele.action() = function(){
}
- CSS
- css样式
css样式分为内联样式、内部样式、外部样式
（1）内联样式 写到元素内部的
<div style="width: 200px;">这是一个div</div>
（2）内部样式 写到head里面的style标签
（3）外部样式 独立的css文件；
2.属性
（1）margin: 外边距
（2）padding:内边距
margin简写属性
margin:0;
上下左右全部为0;
margin:10px 20px;
上下为10 左右为20
margin：10px 20px 30px
上为10px 左右为20px 下为30px
margin：10px 20px 30px 40px;
上 右 下 左
（3）圆角属性
border-radius: 5px;
（4）浮动属性
float:right;
float:left;
（5）相对定位
position: relative;
相对于自身的静态位置定位
（6）left 相对于原先的静态位置的left走，偏移了多少距离
right
top
bottom
（7）字体左右居中
text-align: center;
（8）行高等于高度时，字体上下居中
line-height:字体行高
1444
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
