html-css基础（写给自己看）

来源：互联网发布：个人博客推荐知乎编辑：程序博客网时间：2024/06/13 19:19

刚学了html-css两天，今天算是第三天吧，在编写程序的时候总会出现一些自己不理解的错误，因为自己还没有接触到更去理解的层次，多以先总结下来，方面以后来看，当然了，在写这个博客的时候会有许多不正规的名词以及错误，以后会及时更新。

1.一个div块代表一个区域，你无法在这个区域上添加另一个div块，如果添加了，就会出现错误，解决办法有1.：把要添加的div块设置成浮动或者使用绝对定位，目的是让div块不进入普通流，不占用空间，利用这个方法可以对一个div块分成不规则的几份。2.把最外面的div块设置为position：absolute；

<html><head><meta charset="UTF-8"><title></title><style type="text/css">#a {width: 800px;height: 600px;background-color: aquamarine;}#b {width: 300px;height: 200px;margin-left: 100px;margin-top: 200px;font-size: 50px;background-color: red;background-color: red;}</style></head><body><div id="a"><div id="b">我爱java</div></div></body></html>

这时只需要设置b div块为浮动或者绝对布局就可以解决出错的问题了

2.在input输入框中放入按钮，首先要把input输入框和按钮放在一个div块中

<div><input type="text"  placeholder="手机号" ><button type="button"> 获取验证码</button></div>

样式设置为：控制按钮定位为relative,并且上边距设为负值，下外边距设置也设置同样的负值

top: -48px;margin-bottom: -48px;

这样就可以达到效果，设置下外边距是为了不影响下一个元素的位置。

3.关于多选框全选的问题

<input type="checkbox" name="checkAll" onclick="checkAll(this.checked)" id="ckAll"><input type="checkbox" name="user"><input type="checkbox" name="user"><input type="checkbox" name="user"><input type="checkbox" name="user">

jquery有一种方法，

$("[type='checkbox']").attr("checked",flag);

使用这种方法，在不选择除全选的其他多选框时，一切正常，但是当选择了一个非全选的多选框，那么这个多选框就不会受全选框的控制了，原因未知。

正确做法是，对取到的数组进行遍历，然后对进行判断赋值。

阅读全文

0 0