• HTML语言的一些元素(三)


    本章节主要介绍:<div>和<span>

    可以通过 <div> 和 <span> 将 HTML 元素组合起来。

    HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。

    <div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。

    如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。

    <div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

    HTML <span> 元素是内联元素,可用作文本的容器。

    <span> 元素也没有特定的含义。

    当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。

    1)、在DIV+CSS切图布局重构技术中,提到div,而在html中代码布局使用最多标签为div,
    2)、故我们通常将网页重构说成div css制作。
    3)、Div本身没有什么特别之处,而div标签替代了以前table标签布局。
    4)、他们通过对div标签对象设置不同样式实现我们要的美化效果。
    5)、特性,通常一对未设置任何样式的div,独占一行。

    举例如下:

    <!DOCTYPE html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>div 演示</title> 
    <style type="text/css"> 
    .yangshi{ color:#F00;}/* 设置颜色为红色 */ 
    .yangshi2{ color:#0F0;}/* 设置颜色为绿色 */ 
    </style> 
    </head> 
    <body> 
    <div class="yangshi">设置我颜色为红色</div> 
    <div class="yangshi2">设置我颜色为绿色</div> 
    </body> 
    </html> 
  • 相关阅读:
    log4j到log4j2升级迁移方案
    WPF InkCanvas 书写毛笔效果
    我是怎么把一个项目带崩的
    Nginx 安装详细(一)
    设计方法小总结
    Node.js event loop 和 JS 浏览器环境下的事件循环的区别
    JavaScript this指向问题
    域名解析问题
    浏览器缓存
    Go项目部署到服务器
  • 原文地址:https://www.cnblogs.com/aomi/p/3455279.html
Copyright © 2020-2023  润新知