名站导航为爱好css的朋友们提供相关的知识。
html radio单选框默认选中
设置html radio 默认选中的方法:添加checked 属性,设置为 true,如下代码所示:
- 此篇文章具体介绍如下
原因一:
外边距合并margin-top属性失效。代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css教程">
.first{
width:100px;
height:100px;
background-color:red;
margin-bottom:60px;
}
.second{
width:100px;
height:100px;
background-color:green;
margin-top:40px;
}
</style>
</head>
<body>
<div class="first"></div>
<div class="second"></div>
</body>
</html>
从以上代码的运行可以看出,第二个div设置的margin-top并没有生效,起作用的是第一个div的设置的margin-bottom,这里有个规律,那就是合并后的外边距的高度等于外边距的高度中的较大的一个,所以遇到此种情况可以格外注意外边距大小的设置。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css教程">
.father{
width:300px;
height:300px;
background-color:red;
margin-top:20px;
}
.children{
width:100px;
height:100px;
background-color:blue;
margin-top:10px;
}
</style>
</head>
<body>
<div class="father">
<div class="children"></div>
</div>
</body>
</html>
关于css的相关的知识就说到这里希望能够可以帮助更多的朋友们。,marginselect下拉框多选的实现