WEB标准与CSS实现网页布局

末蓝、 2021-12-05 05:19 294阅读 0赞

最近在学前端，今天整理一下web标准知识 ，不说了，下次继续整理，作业还没写完，要不然又要熬夜了。

## 1web标准 ##

一般认为，网页主要有三个部分组成：结构，表现，㛑行为，他们都有各自的标准

## 1.1结构 ##

结构是指一个网页有哪些内容以及这些内容如何被清晰的组织在一起，网页结构的标准主要有XML和XHTMl语言。  
XML即可扩展标记语言，由万维网（W3C）发布，目前推荐的版本是2000年发布的1.0版本，xml最初设计的是弥补html的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据传输和描述  
XHTML即可超文本标记语言，也是有万维网发布，设计的他的目的是为了html向xml过度，实际上，它就是在html的基础上利用xml的规则进行规范化和扩展而得到的

## 1.2表现 ##

表现是指一个网页的的内容以何种样式来展现，网页表现的标准是CSS语言。  
css即层叠样式，有万维网发布，目前推荐版本是1998年发布的css2.,设计的目的是为了网页的结构和样式分离，并对网页的样式实施全面和更为精确的控制。

## 1.3行为 ##

行为是指一个网页及其包含的网页元素以及它所属的浏览器窗口如何与用户交互，网页行为有js脚本语言控制

## 2结构与表现分离 ##

对于网页中的元素以何种样式来呈现给用户，测油css的样式来负责定于，CSS样式一般写在head中，这样，可使得用来承载数据和描述结构的html代码与控制样式的CSS代码分离开来，如果需要二者更进一步一步步分离，则可将css样式规则转移到独立的外部样式表文中。  
网页结构和样式分离带来了以下好处：

*  是页面载入的更快
 *  保持整个站点视觉的一致性
 *  修改设计时更有效率
 *  结构清晰，数据的集成，更新和处理更加方便和灵活
 *  更有意义的搜索更好的被搜索引擎收录
 *  丰富的样式，对浏览者更具有亲和力
 *  数据能适应不同的设备，多样显示

## 3CSS实现网页布局 ##

网页布局主要有一下这些内容。  
盒子模型，定位等  
**注意**  
盒子还有快级盒子和内联盒子之分。这两种盒子分别是块级元素和内联元素默认的盒装模型。  
在显示时，块级元素显示为独立一块（矩形区域），他的前后都会换行，内联元素不会导致换行，他会和其他内联元素一起在一行内显示。  
一般来说，内联元素只能包含文本和其他内联元素，而块级元素则能包含内联元素和其他块级元素，所以，被body包含的元素，要么是内联元素，要么是块级元素，要么即使内联元素又是块级元素。  
常见的块级元素有：div,table,form,fieldset,h1-h6,p等  
常见的内联元素有：span,a,label,input,select,img等  
使用css属性display可以设置元素使用的盒装模型，如果是块级元素的display属性赋值为inline，那么这个块级元素转变为内联元素，为内联元素的display属性赋值为block，则这个元素转化为块级元素