html-css基础(写给自己看)

xiaoxiao2021-02-28  89

刚学了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" οnclick="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); 使用这种方法,在不选择除全选的其他多选框时,一切正常,但是当选择了一个非全选的多选框,那么这个多选框就不会受全选框的控制了,原因未知。

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

转载请注明原文地址: https://www.6miu.com/read-57135.html

最新回复(0)