HTML，CSS---问题记录-优快云博客

本文探讨了HTML和CSS中常见的布局与样式调整问题，包括输入框与标签对齐、div作用解析、清除默认样式及图标使用等，提供了实用的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML，CSS---问题记录

1,，登录框input和标签垂直方向对不齐，咋解决？

给input框外套一层span标签，给span标签设置宽高，让它和左边或右边的标签对齐。

不要直接给input设置宽高，这样是对不齐的

2，套没有写样式的div的作用是什么？？为什么套那么多层div，看着也头昏？

1、有时候，看到网页里套的div并没有被设置样式，套这层div有什么用呢？？？

套div相当于一个包装，只是给里面的内容打包取个名字。结构上看起来比较完整

2、套的那层div可以看成一层边框。

当然，这层div虽然没有设置宽高，但是可以由里面的元素来撑起来，当然这是在没有浮动的情况下。

浮动的时候，里面的元素撑不起来外层的边框。这时候就需要给外层清除浮动了。

3，清除默认样式Reset CSS、图标使用fontawesome

清除默认样式：

https://meyerweb.com/eric/tools/css/reset/

使用图标：

http://fontawesome.dashgame.com/

清除a标签 input标签默认样式：

a{
    text-decoration: none;
}

input {
    background: none;
    outline: none;
    border: 0;
}
清除浮动
.clearfix:after{  content:'.';  clear:both;  display:block; visibility:hidden;  height:0  }

表单提交按钮的图片

1、申明form的id

2、在<a>标签内书写

onclick="document:loginForm.submit()"

posted on 2019-03-11 16:16 要一直走下去阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/staff/p/10511335.html