zoukankan      html  css  js  c++  java
  • 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使用教程
    Tomcat version 7.0 only supports J2EE 1.2, 1.3, 1.4, and Java EE 5 and 6 Web modules
    Unsupported major.minor version 52.0
    jdk安装
    数据库建表
    SpringMVC学习系列-后记 解决GET请求时中文乱码的问题
    面向对象中的常用魔术方法
    面向对象中的修饰关键词
    面向对象三大特性之二--【继承】
  • 原文地址:https://www.cnblogs.com/aomi/p/3455279.html
Copyright © 2011-2022 走看看