美文网首页
网页布局基础

网页布局基础

作者: 偷天神猫 | 来源:发表于2015-10-21 20:32 被阅读22次

W3C标准

由万维网联盟制定的一系列标准,包括:

  • 结构化标准语言(HTML和XML)
  • 表现标准语言(CSS)
  • 行为标准语言(DOM和ECMAScript)

本节只涉及CSS部分

CSS中定位机制

在CSS中,存在3种定位机制

  • 标准文档流(Normal flow)
  • 浮动(Floats)
  • 绝对定位(Absolute positioning)

标准文档流(Normal flow)

特点:

  • 从上到下,从左到右,输出文档内容
  • 由块级元素和行级元素组成

块级元素

特点:

  • 从左到右撑满页面,独占一行
  • 触碰到页面页面边缘时,会自动换行

常见块级元素
即块级标签,如:div、ul、li、dl、dt、p……

行级元素

特点:

  • 能在同一行内显示
  • 不会改变HTML文档结构

常见行级元素
即行级标签,如:span、strong、img、input……

块级元素和行级元素都是盒子模型

相关文章

  • 1.网页布局基础

    网页布局基础 什么是网页布局?网页布局是网页制作的基础(DIV+CSS网页布局) 分类:流式布局,浮动布局,绝对定...

  • 17:2.26-3.1 HTML&css基础知识

    一、网页布局基础

  • 网页布局基础

    W3C标准 结构化标准语言HTML/XML 表现标准语言CSS 行为标准语言DOM/JavaScript 盒子模型...

  • 网页布局基础

    1、CSS的三种定位机制 CSS 规定的定位机制有三种,分别是: 标准文档流(Normal flow): 特点:从...

  • 网页布局基础

    W3C标准 由万维网联盟制定的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS) 行为...

  • 网页布局基础

    基本网页布局一般分为三种:1)流式布局2)浮动布局3)绝对定位布局 css中的定位机制:1)标准文档流特点:a.从...

  • 网页布局基础

    第一章 自动居中——列布局 1-1 相关知识点讲解 1. W3C标准 2. CSS中的定位机制 (1)标准文档流 ...

  • CSS3开发常用核心技能

    基础网页布局 布局分类 一列布局 两列布局 三列布局 多列布局 一列布局: 二列布局: 三列布局: ⚠️ midd...

  • 「R shiny 基础」初识Shiny

    传送门 Shiny基础教程: 「R shiny 基础」初识Shiny 「R shiny 基础」如何进行网页布局 「...

  • HTML学习笔记(五)

    JavaScript脚本基础利用JS制作网页特效个人博客网站布局企业网站设计 JavaScript脚本基础 Jav...

网友评论

      本文标题:网页布局基础

      本文链接:https://www.haomeiwen.com/subject/erkthttx.html