摸鱼的前端练习学习笔记(一)
今天第一天进行独立编写,很多都不熟练,出现了很多的问题,调位置调的时间真的太长了,其中遇到了很多问题。
HTML
在html中添加了文字、图片、输入的文本框和一个按钮,将这些全部放在了一个div中。在html中调整了其中图片和文本框的长宽大小。将文本框和按钮放入一个span中,这两个放进了一个form中。
CSS
在css中将图片、文字和form表单设为左浮动,然后调整位置,在css中设置了文字的大小颜色字体等,也设置了按钮的大小。
记录一些所学知识:
margin-left:距离上一个浮动元素左距离
margin-right:距离上一个浮动元素右距离
margin-top:距离上一个浮动元素顶部距离(注意是顶部不是上一个浮动元素的底部)
margin-bottom:距离上一个浮动元素底部距离
图片标签不可以增加id选项
在html中引用css:link rel=“stylesheet” href="…/css/title.css" type=“text/css” ,其中title.css是我的css文件名
设置文本框内的输入文字大小可以和设置普通文字大小的方式一样