总结
断断续续,终于将这门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~!!