志在指尖
用双手敲打未来

css是利用什么标记构建网页布局(css的盒模型)

css是利用什么标记构建网页布局

css是运用
的XHTML标记构建网页布局。
XHTML是相对HTML来说的,比html更严厉,指的是网页结构标准等;而css用来美化各部分结构。
html运用div标签实现全体的网页布局,运用css实现网页的显现效果。
在网页前端布局中首先运用div对网页进行全体的结构布局,再运用css对内容的操控,运用javascript实现表现的分离!css
扩展常识:
DIV标签,称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象,或其他的放在DIV中,它可称作为“DIVblock”,或“DIVelement”或“CSS-layer”,或爽性叫“layer”。而中文我们把它称作“层次”。
DIV元素,是用来为HTML文档内大块(block-level)的内容供给结构和背景的元素。DIV的开始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包括元素的特性由DIV标签的特点来操控,或者是通过运用样式表格式化这个块来进行操控。

css的盒模型

CSS盒模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型,指在一个网页文档中,每个元素都被呈现为一个矩形的盒子,描绘了元素所占空间的内容。
盒子模型是CSS中一个重要概念,理解了盒子模型才干更好的排版。
盒子模型(BoxModle)可以用来对元素进行布局,由实际内容(content)、内边距(padding)、边框(border)与外边距(margin)这几个部分组成。
CSS盒模型首要分为两种:W3C盒模型(规范盒模型)与IE盒模型(奇怪盒模型)。
1、W3C盒模型(规范盒模型)
经过上图咱们可以看到规范盒模型的范围包含:content、padding、border、margin,而且content部分不包含其他部分。
规范盒模型的width与height只含content,不包含padding和border。css
2、IE盒模型(奇怪盒模型)
ie盒模型也是包含content、padding、border、margin,和规范盒模型不同的是:ie盒模型大的content部分包含了padding和border部分。
IE盒模型的width与height是content、padding和border的总和。
阐明:
当时大部分的浏览器支撑的是W3c的规范盒模型,也保留了对奇怪盒模型的支撑,当然IE浏览器沿袭的是奇怪盒模型。奇怪形式是“部分浏览器在支撑W3C规范的一起还保留了原来的解析形式”,奇怪形式首要表现在IE内核的浏览器。

未经允许不得转载:IT技术网站 » css是利用什么标记构建网页布局(css的盒模型)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载