大家好，我是IT共享者，人称皮皮。这篇我们来讲讲CSS网页布局。一、网页布局网页布局有很多种方式，一般分为以下几个部分：头部区域、菜单导航区域、内容区域、底部区域。1\.头部区域头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的logo：例CSS项目(runoob.com)bodymargin:0;/头部样式/.heade

为什么选择CSSinJS？<br!image(https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/76c64e0649f37817d9cd54

大家好，我是IT共享者，人称皮皮。这篇文章我们来讲讲CSS的文本样式。一、文本颜色Color颜色属性被用来设置文字的颜色。颜色是通过CSS最经常的指定：十六进制值如"＃FF0000"。一个RGB值"RGB（255,0,0）"。颜色的名称如"红"。一个网页的文本颜色是指在主体内的选择：

样式：<styletype"text/css".processcontainer2{width:450px;border:1pxsolid6C9C2C;height:25px;borderradius

!illustration(https://static.oschina.net/uploads/img/201612/01175115_S3fi.jpg"无畏魔女")1.css由selector和declaration组成比如：.classA{textalign:center;

CSS背景颜色设置backgroundcolor:red;如设置背景颜色为红色；背景颜色设置支持3种写法：颜色名16进制rgbCSS背景图片颜色设置backgroundimage:url(图片地址);如设置背景图片路径不在说明了!CSS背景图片平铺设置（如果不设置图片默认设置为x轴y轴同时平铺即值为repeat）b

在中国，很多前端开发初学者都会把xHTMLCSS页面制作说成DIVCSS，甚至很多人都还不知道xHTMLCSS是什么意思，只知道盲目的追求DIVCSS，但在国外，是没有DIVCSS这个概念的，很明显如果单从字面上去理解，DIVCSS的网页就要全都是div，很明显是无法达到语义化标准的。请把”DIVCSS”这个词从脑子中删除，用”xHTMLCS

1.浮动float　　div配合float浮动来做页面的布局，浮动最常用的地方就是用来做布局。只有一个标签设置了浮动float属性，就会变成块级标签。!(https://img2018.cnblogs.com/blog/1468469/201901/1468469201901061724118811574074745.png)<!

参考链接：https://www.cnblogs.com/yingsu/p/7261904.html不清楚浮动的结果和影响不再描述，清除浮动的代码别处也有很多，每种方法都有十分简洁的代码，我今天学到的是有伪类来清除浮动。他的原理简单来说就是再已经浮动的元素后面添加一个什么也没有的元素，以此来消除子元素因为浮动而让父元素塌陷的一种解决办法。

WebStormMac版专为现代Web开发而设计，提供了各种工具和功能，帮助开发者编写高质量的JavaScript、HTML和CSS代码。