上课内容
html标签、js、css的编写
HTML笔记
html 超文本标记语言
新建一个文件夹，直接把文件夹拉入到sublime text3
在sublime里面 右键-新建文件
给新文件命名，带html文件后缀，ctrl+s 保存文件
在创建的新html文件中 输入 html 按tab键可以补齐代码
html文档的结构
<!DOCTYPE html>
<html>
<!-- 头部 -->
<head>
<meta charset="utf-8">
<title></title>
<!-- 样式 -->
<style type="text/css"></style>
</head>
<!-- 身体 -->
<body>
<!-- 行为 -->
<script type="text/javascript"></script>
</body>
</html>
CSS笔记
css样式分为
内联样式 写到元素内部的
<div style="width: 200px;">这是一个div</div>
内部样式 写到head里面的style标签
外部样式 独立的css文件；
margin: 外边距
padding:内边距
margin简写属性
margin:0;
上下左右全部为0;
margin:10px 20px;
上下为10 左右为20
margin：10px 20px 30px
上为10px 左右为20px 下为30px
margin：10px 20px 30px 40px;
上 右 下 左
/*圆角属性*/
border-radius: 5px;
/*浮动属性*/
float:right;
float:left;
/*相对定位*/
position: relative;
相对于自身的静态位置定位
left 相对于原先的静态位置的left走，偏移了多少距离
right
top
bottom
字体左右居中
text-align: center;
行高等于高度时，字体上下居中
line-height:字体行高
老师布置的四个小作业
1、通过js获取输入框中的vlaue值（通过在输入框中输入内容，然后点击提交，窗口就会弹出输入框里的内容）
2、点击某个元素，更改该元素的样式（点击文字标签，就会随机更换背景颜色和字体颜色）
3、互换变量值（用简单的加减法实现两个数值的兑换）
4、乘法口诀（由于console.log方法会自动换行，所以我将所有的内容存储到一个字符串中，然后在最后的时候一次输出该字符串实现打印出九九乘法表）
个人总结
第一天的实训中我收获到了很多知识，尽管之前我已经对js、html、css有过自学的经验，但是在这次实训之前我仍有许多理解不是很深的概念，经过这次的重温使我加深了对各个标记以及方法的运用，深刻理解了各个组成成分的作用，我相信接下来的实训学习我会更加地得心应手，我会尽我最大的努力跟上老师的步伐。
741
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
