HTML/CSS基础课程学习手记

总结

断断续续，终于将这门html/css基础学完了

跳步慕课网HTML+CSS基础课程戳这里，
虽然过程比较漫长，布局的时候也很费力，但最终受益匪浅，而且前端攻城狮的成长之路也完成了16%了，好感动::>_<::！！！
咳咳，suo重点：*__*
总结已经学习了解但不能算彻底掌握的有如下几点:

1.标签

块状、内联和嵌入等类别的标签基本用法及各自特点，比如块状独占一行，内联不能设置行高宽度高度等，以及各类标签的转换通过display实现等等。

---

2.简单功能的实现

• a.用户登陆界面的设置——input标签的使用
• b.交互中选择功能的实现——select、option、checkbox、radio标签的使用
• c.表单的制作——table、tr、caption、th、td标签的使用
• d.鼠标移入移出改变图片、文字属性的实现——

<script>
function mouseOver()
    {
    document.image1.src="图片1.gif"
    }
function mouseOut()
    {
    document.image1.src="图片2.gif"
    }
function bigImg(x)
    x.style.height="  ";
    x.style.width="    ";
}
/*等其他函数的使用*/
</script>

---

3.样式与布局

从margin、padding到float、position，不同的设置是完全不一样的,布局考研一个人的耐心。

• 最基础的文字排版
• text-align、letter-spacing、word-spacing、text-indent、line-height等
  
• 登陆界面始终在页面居中

• <style>
  html, body{
  height: 100%;margin: 0px;padding: 0px; min-width: 1200px;
  }
  .login_wrap{
  width:960px;height:inherit;position:relative;margin:0 auto;
  }
  .login_box{
  width:400px;height:400px;position:absolute;left:50%;top:40%;margin:-200px 0 0 -200px;
  }
  </style>

• 通过margin、position实现层叠等

• ---

  
  暂时总结就只有这么多，希望在以后的学习中能更加温故知新，更上一层楼，而目前的目标就是建立一个自己的主页，加油！O(∩_∩)O~！！