摸鱼的前端练习学习笔记(一)

摸鱼的前端练习学习笔记(一)

今天第一天进行独立编写,很多都不熟练,出现了很多的问题,调位置调的时间真的太长了,其中遇到了很多问题。

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文件名
设置文本框内的输入文字大小可以和设置普通文字大小的方式一样

图片在下面,留个记录看看每天的进度

在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值