如何在css中替换内联样式

时间:2015-06-17 03:16:54

标签: css

我有一个页面,其中同一类的许多元素在左边,一些在中心,一些在右边,我也有许多元素有时显示:内联,有时显示:块。

我运行了一个CSS验证器,告诉我将它放入样式表,但我不想创建class1 left,class1 center,class1 right,class1 inline,... 我可以在样式表中使用某些内容以便我可以执行此操作

<div class="class1 left inline"></div>

而不是这个

<div class="class1" align="left" display="inline"></div>

请记住,我几乎没有CSS的经验

1 个答案:

答案 0 :(得分:2)

创建你想要使用的html结构。

<div class="class1 left inline"></div>

在Css文件中为以下内容创建类:

left{
 float:left;
}
right{
 float:right;
}
inline{
 display:inline;
}

class1{
 /*all your style elements*/
}

阅读以下内容以获取更多信息:

https://css-tricks.com/all-about-floats/

https://css-tricks.com/centering-css-complete-guide/