首先创建一个基础的html文件。
保存后使用浏览器查看,即可看到html的页面中背景的透明度就是设置的0.1。
1、首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。
2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。
3、然后我们添加一个透明度的代码（opacity:0.6）。
4、在图层的上方，有个不透明度，我们把PS中图层不透明度设置为60%。
5、把刚才的背景色和不透明度代码删除，换个代码【background-color:rgba(255,255,255,0.6);】。
6、其中255,255,255就是PS中的拾色器里的数值。
1、首先打开Sublime Text软件，新建一个HTML页面，
4、最后我们运行页面程序，你就会在页面中看到div中的文字水平垂直都居中了。
1，给div变色可以通过设置背景色，设置背景，或者给他的父元素设置背景色，然后继承；
2，因为div也是html中的元素，所以它具有bankground，backgroung-color等属性，通过这些属性可以来修改背景色；
3，div的属性还有更多，当然也可以通过background-img来设置背景图片；
CSS 布局的基础方法及css布局技巧
css 是一个网页的外衣，网页好不好看取决于 css 样式，而布局是 css 中比较重要的部分，当产品把一个需求设计交到手中，我首先要做的是一点点的解剖这些需求，首先想到的是 html 的结构，根据要兼容的浏览器，数据的拼接，代码的可维护性，扩展性来选择 css 的布局方法。有时候，一个好的布局可以减少很多代码，用 css 处理网页布局的时候有很多技巧性的东西，下面就给大家介绍一些 css 布局技巧实例及 css 布局模型。
p 元素的包含块是 div 元素，因为作为块级元素，表单元格或行内元素，这是最近的祖先元素，类似的，div 的包含块是 body. 因此，p 的布局依赖于 div 的布局，而 div 的布局则依赖于 body 的布局。
块级元素会自动重启一行。
一般的，一个元素的width被定义为从左内边界到右内边界，height则是从上内边界到下内边界的距离。
不同的宽度，高度，内边距和外边距相结合，就可以确定文档的布局。
