zoukankan      html  css  js  c++  java
  • html块 布局

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

    Html块元素

    大多数html元素被定义为块级元素或内联元素。

    块级元素在浏览器显示时,通常会以新行来开始(和结束)。例<h1><p><ul><table>

    html内联元素

    内联元素在显示时通常不会以新行开始。例<b><td><a><img>

    html<div>元素

    html<div>元素元素是块级元素,意味着它的内容自动的开始一个新行,他是可用于组合其他html元素的容器,<div>元素没有特定的含义,浏览器会在其前后显示折行。

    <div>元素的另一个常见的用途是文档布局。可以把文档分割为独立的、不同的部分。<table>元素的作用是显示表格化的数据。

    html<span>元素

    html<span>元素是内联元素,可用作文本的容器,<span>也没有特定的含义,当与CSS一块使用时,<span>可用于为部分文本设置样式属性。

    标签 描述
    <div> 定义文档中的分区或节
    <span> 定义span,用来组合文档中的行内元素

    文档中的一个部分会显示绿色(div):

    This is a header

    This is a paragraph.

    This is a header

    This is a paragraph.

    网页布局:

    大多数网站会把内容安排到多个列中(像杂志或报纸)。可以用<div>或者<table>元素来创建多列。

    即使可以使用html表格来创建布局,但设计表格的目的是呈现表格化数据,表格不是布局工具。

  • 相关阅读:
    AG-Admin微服务框架入门
    使用node-webkit包装浏览器
    转 使用Docker部署 spring-boot maven应用
    转 docker的下载与安装
    Maven基本理解
    物联网垂直态势分析
    纯技术商业价值
    OpenLayers 3 入门教程
    转 从红帽、GitHub和Docker看开源商业模式的进阶
    关于 Total Commander 的标签(Tab)功能【转】
  • 原文地址:https://www.cnblogs.com/chhom/p/4933455.html
Copyright © 2011-2022 走看看