概述
WEB架构
前端常用的WEB架构大概有两种：
- B/S架构
B/S（browser/server，浏览器/服务器），多用于网站，且是三层架构（表示层（UI）、业务逻辑层(BLL)、数据访问层(DAL)）
特点（优点）：方便，无需安装，维护成本低，支持跨平台。
缺点：数据访问速度慢。
为什么访问速度会慢呢？
B/S的主要数据都在数据库服务器上，由于B/S架构的扩展性，用户突然增多，数据访问量变大，服务器的响应速度相对就会变慢，甚至服务器可能会出现瘫痪。
- C/S架构
C/S（client/server，客户端/服务器），多用户客户端，C/S产品也可以理解为人们说的软件。是二层架构。
特点（优点）：数据访问速度快。
缺点：需要安装，需要更新（维护成本低），不跨平台。
扩展：跨平台是什么？
这个概念既不依赖于操作系统，也不依赖于硬件环境，在这个操作系统开发的应用或网页，在另一个操作系统下依然可以运行。
平台是什么？
平台可以理解为操作系统，比如windows操作系统，linux操作系统，unix操作系统，mac操作系统，doc操作系统等等
扩展：三层结构 B/S/S与C/S/S
三层结构中的第二层又称为中间服务器，因为现在的项目越来越大，如果所有的数据处理都放在一个服务器上，那么访问速度就会越来越慢，并且安全性也得不到保障，有了三层结构之后，就不用担心会再出现这种问题了。
三层结构的特点
B（C）/S/S中，第一个S只针对业务逻辑进行处理；第二个S只针对数据进行处理。通常情况下，客户端不直接与数据库进行交互。
块级元素和行内元素（内嵌元素）
HTML中常用的块级元素有：<div></div> <ul<<li></li></ul> <p></p> <h1>-<h6>等
块级元素的特点
一个块级元素可以占据一整行
块级元素后面的内容会跨行显示（自动换行）
块级元素可以设置宽高，但不会释放块级元素所占一行空出的部分
HTML中常用的行内元素有：<span></span> <a></a> <em></em> <i></i> <b></b> <small></small>等 （img元素和button元素是行内块元素，可以给行内块元素设置宽高）。
行内元素的特点
每个独立的行内元素不会自动换行
行内元素不能设置宽高，默认的宽度就是行内元素中内容的宽度
总的来说，在不设置样式的情况下，块级元素的显示就是从上往下，行内元素的显示就是从左往右。
最后
以上就是迷人铅笔为你收集整理的WEB架构和块级元素与行内元素的全部内容，希望文章能够帮你解决WEB架构和块级元素与行内元素所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复