📅  最后修改于: 2020-11-01 09:11:46             🧑  作者: Mango
HTML
我们知道每个标签都有特定的用途,例如p标签用于指定段落,
Web开发人员通常使用div标签将HTML元素组合在一起,并将CSS样式一次应用于多个元素。例如:如果将一组段落元素包装到div元素中,则可以利用CSS样式的优势并将字体样式立即应用于所有段落,而不是为每个段落元素编码相同的样式。
Welcome to Javatpoint.com, Here you get tutorials on latest technologies.
This is second paragraph
输出:
div tag | span tag |
---|---|
HTML div is a block element. | HTML span is an inline element |
HTML div element is used to wrap large sections of elements. | HTML span element is used to wrap small portion of texts, image etc. |
在这个例子中,我们使用div标签创建盒子。框内有一个登录表单。让我们看一下CSS和HTML代码。
CSS代码:
.loginform{
padding:10px;
border:1px solid pink;
border-radius:10px;
float:right;
margin-top:10px;
}
.formheading{
background-color:red;
color:white;
padding:4px;
text-align:center;
}
.sub{
background-color:blue;
padding: 7px 40px 7px 40px;
color:white;
font-weight:bold;
margin-left:70px;
border-radius:5px;
}
HTML代码:
Please Login
输出:
Element | Chrome | IE | Firefox | Opera | Safari |
Yes | Yes | Yes | Yes | Yes |