css 菜鸟，html css菜鸟教程

各位老铁们，大家好，今天由我来为大家分享css 菜鸟，以及html css菜鸟教程的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！

css文件的格式

CSS是Cascading Style Sheet的缩写，译作「层叠样式表单」，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

css文件格式用HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言表示。

有三种方法可以在站点网页上使用CSS：

1、外联式Linking（也叫外部样式）：将网页链接到外部样式表。

2、嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。

3、内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。

css盒子模型及盒子模型的类型

转自菜鸟教程

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距（外边距），边框，填充（内边距），和实际内容。

盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

下面的图片说明了盒子模型(Box Model)：

转自链接

盒子模型有两种，分别是W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)

1.标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。

2.标准盒模型下盒子的大小= content+ border+ padding+ margin

1.怪异盒模型中的width指的是内容、边框、内边距总的宽度（content+ border+ padding）；height指的是内容、边框、内边距总的高度

2.怪异盒模型下盒子的大小=width（content+ border+ padding）+ margin

建议不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父元素和子元素。

即box-sizing属性可以指定盒子模型种类，content-box指定盒子模型为W3C（标准盒模型），border-box为IE盒子模型（怪异盒模型）。

END，本文到此结束，如果可以帮助到大家，还望关注本站哦！