返回
--【资料】DIVCSS基础教程_优秀资料

--【资料】DIVCSS基础教程_优秀资料

ID：45751262

大小：80.37 KB

页数：31页

时间：2019-11-17

--【资料】DIVCSS基础教程_优秀资料_第1页
--【资料】DIVCSS基础教程_优秀资料_第2页
--【资料】DIVCSS基础教程_优秀资料_第3页
--【资料】DIVCSS基础教程_优秀资料_第4页
--【资料】DIVCSS基础教程_优秀资料_第5页
资源描述：

《--【资料】DIVCSS基础教程_优秀资料》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、学习制作模板（一）一第一个div的建立一、首先我们先写一个div层

Html任何都是相对出现的，所以就成为上而的形式，后而的那一•个多一个/。现在我们知道上而这个层，是没有任何内容，在网页中打开也没有显示。下一步就是要我们对其进行修饰一下，让其在网页中显示出来。二、我们为div层加上一个边框，并设置一下他的宽度说明：上面的样式的意思是边框=宽度为lpx；实线边框；边框颜色为灰色（你也可以用具体的颜色）层的宽度为30%这样这个div就冇了一个形彖的概念显示在我们

2、的面前了。三、充实内容，我们为div内添加两个一上一下的层

四、我们分别为这两个层添加样式
我们分别再介绍一下这两个样式的含义：第一个：border:lpxsolid#fff：这个就不用介绍了，上而己经做了介绍，只不过边框颜

3、色是白色；第二个：padding：检索或设置对象四边的补丁边距。伤〈可以分别设置以边不同的边距，如padding:2px3px6px5px（如果提供全部四个参数值，将按上一右一下一左的顺序作用于四边，如果只提供一个，将用于全部的四条边。），通过设置边距，在这个层中的内容，将按照你设置的不同的边距，离边框产生不同的距离。五、添加内容，设置内容的字体、颜色、样式等

4、eft:15px;height:30px;lineheight:30px;backgroundcolor:#ccc">最新新闻phpl68新版即将发布说明：color:字体颜色；font-weight:粗体；Padding-left:检索或设置对象左边的边距；height:层的高度;line-height:字体的间距，在这里设置字体的间距是为了让字体垂有居中，所以取值与层的高度是一致的，他只对只有一行的文字有效；background-color:背景颜色。通过上面的设置，一个简单的div层就

5、建立起来了。最终效果：phpl68新版即将发布学习制作模板（二）一两个div层并排显示一.一个div的代码最新新闻phpl68新版即将发布二、再复制一个

6、最新新闻phpl68新版即将发布

7、r:lpxsolid#fff;color:#fff;fontweight:bold;paddingleft:15px;height:30px;lineheight:30px;backgroundcolor:#ccc">最新新闻phpl68新版即将发布现在上面是两个竖排的了，下一步是要成为横排的三、设置为横排

当前文档最多预览五页，下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。
相关标签