内容控制属性,是指对内容的可见性、或者对齐,居中显示之类的属性进行控制的一项内容,通过CSS规则的建立,可以很容易地进行可视化操作。下面,我们就一起看一下基本知识和基本操作吧
工具/原料
Dreamweaver CS6
一、控制页面内容属性display
1、•属性display的功能是控制页面内容的显示方式,并确定某页面元素是否显示。disply是一个不可继承的属性,其具体语法格式如下:display:属性值
![Dreamweaver CS6如何应用:[34]内容控制属性](https://exp-picture.cdn.bcebos.com/ccc83ec5260f883505e76f6dce078801397086c0.jpg)
二、控制显示属性visibility
1、•属性visibility的功能是决定页面中某元素是否显示。•属性visibility是一个不可继承的属性,其具体语法格式如下:visibility:属性值在下图位置:
![Dreamweaver CS6如何应用:[34]内容控制属性](https://exp-picture.cdn.bcebos.com/3bcdb808a50f94fcb2e1ad7d4cf88a775cddfcc0.jpg)
三、居中显示属性text-align
1、实现页面居中最简单的方法是在页面主体中设置对其属性text-align=center这个属性在下图这个位置:
![Dreamweaver CS6如何应用:[34]内容控制属性](https://exp-picture.cdn.bcebos.com/890dfb4a2f27e7efc36b5db219dd3340b7f3f5c0.jpg)
2、中间省略若干步骤,效果如下:
![Dreamweaver CS6如何应用:[34]内容控制属性](https://exp-picture.cdn.bcebos.com/939c2d40b6f39187f271af7324fce186252fefc0.jpg)
四、边界属性margin
1、属性margin的功能是设置页面元素之间的距离,这个属性在下图这个位置:
![Dreamweaver CS6如何应用:[34]内容控制属性](https://exp-picture.cdn.bcebos.com/e0c73a2fa872941f468902697b5e4a237871e6c0.jpg)
2、它的效果是可以设置两个DIV标签的距离,效果如下:
![Dreamweaver CS6如何应用:[34]内容控制属性](https://exp-picture.cdn.bcebos.com/0d2fe5f202b375d79f158d47515872dadf49d8c0.jpg)