css教程 菜鸟教程，css零基础入门教程

大家好，关于css教程 菜鸟教程很多朋友都还不太明白，今天小编就来为大家分享关于css零基础入门教程的知识，希望对各位有所帮助！

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盒子模型（怪异盒模型）。

网页设计基础教程

一、首先来说不太清楚你的水平

学任何一样东西，都要先定位好自己，清楚自己属于哪个阶段，因为有一些资料对别人来说可能是基础，但是对你来说可能已经会了，所以就没有价值了。另外如果你从头开始的话，我的意见是先去熟悉一下基本的作图的工具，ps也好，其他的工具也好，这有助于你今后的模仿，开始你的第一步。

二、一些基本的语言要懂

其次再往下走就是一些基本的语言了，包括html的还有一些其他的。这一块可以说是比较难的，但是任何人都要经历的，而且必须要学到很精的程度，这里是区分一个高等设计人员和低等的分割点。这方面的资料网上有很多，不过大多都比较陈旧了，虽然能学会，但是很费时间，你如果真的想在这一行有所作为的话，可以去这个群去认真的学习，会有很多经验丰富的人给你说。前三位是，肆三伍，中间是，肆二欺。最后三位是，肆三吧。学习的氛围很重要，只有你有一个良好的氛围了，你才能真正的学出来。就像以前普通班级和尖子班的区别。

三、中后期需要掌握的知识

接下来就是要懂一些基本的数据库了，包括服务器、静待的网页等等。这些专业名字你可能听起来云里雾里，但是你慢慢的接触完之后，就会觉得很简单，只是一些名词而已。所有的东西就是这些了，说简单也不简单，但是要有一根学习的心，不能三天打鱼两天晒网，那什么时候也学不会。聪明的人其实就是节约了一点点时间才变聪明的。祝你好运。

关于css教程 菜鸟教程，css零基础入门教程的介绍到此结束，希望对大家有所帮助。