首先div是一个双标签,起始标签是<div>,末尾标签是</div>中间可以添加文字、图片、以及其他标签,div可以包容一切所以一般都称他为盒子模型。
5b6881a90c91820aa3a2cc92442e43d.png
(视频教程推荐:html视频教程)
比如,我们在div中直接输入文字,或者标题标签,以及图片标签img
3549ca4d4f90a3eb29e7381e839763c.png
然后将其保存预览的时候,他就是这样排列的,从上到下依次排列
2fe1872267ed556e0235e0f3136151d.png设置超链接的样式示例:
a:link超链接被点前状态
a:visited超链接点击后状态
a:hover悬停在超链接时
a:active点击超链接时
在定义这些状态时,有一个顺序lvha。
(推荐教程:html教程)
代码区:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<styletype="text/css">
a:link
{
color:#000;
text-decoration:none;}
a:visited
{
color:#000;
text-decoration:none;}
a:hover
{
color:#F00;
text-decoration:underline;}
a:active
{
color:#F90;
text-decoration:underline;}
</style>
<linkhref="Untitled-1.css"rel="stylesheet"type="text/css"/>
</head>
<body>
百度一下
</body>
</html>
运行显示:鼠标箭头未放到“百度一下”,其显示黑色——放上时,其显示红色——点击“百度一下”链接时,其显示橙色——点击后,其显示黑色。


本文转载自中文网
本文转载自中文网
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h57388.shtml