欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    首先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