如何让divcss利用缩进

html-css022

如何让divcss利用缩进,第1张

欢迎大家在这里学习如何让divcss利用缩进这里是我们给大家整理出来的精彩内容。希望大家在这里学习!为了让你的代码给人感觉更为直观,你可以使用一行来定义大纲元素的样式。当指定的选择器里的属性超过三个的时候,这种方式将带来混乱。但是,适度的使用这种方式,你可以很清楚的区分相同类的不同点。

#main-column { display: inlinefloat: leftwidth: 300px}

#main-column h1 { margin-bottom: 20px}

#main-column p { color: #333}

同时,样式修改的维护也是个比较麻烦的问题。很多人修改样式之后就忘记了,结果后来又发现修改的样式导致了页面出错,不得不苦苦寻找。因此,为修改的样式构建一个特殊的格式就很必要了。一种很简单的方式是,给修改过的样式缩进,同时,也可以使用一些注释(比如"@new")来做一个标识。

#sidebar ul li a {

display: block

background-color: #ccc

border-bottom: 1px solid #999/* @new */

margin: 3px 0 3px 0

padding: 3px/* @new */

}

好了,如何让divcss利用缩进内容就给大家介绍到这里了。希望大家继续关注我们的网站!

你好,在对应的css中写上 pdding-left:10px   //10具体值可以自己调整

如果你设置了这个div的width宽度,width的值也相应减少10px,否则div可能变宽导致页面错位。