Question

我想知道使用内联CSS样式来操作引导元素是否是一种好习惯：

例如：

<img src="swim-2.jpg" height="400" width="400" alt="swimmingClass" class="img-thumbnail img-responsive" style="margin-top:10%;transform:rotate(-10deg);">

但我有一些图像和div块，我使用内联样式来更改填充和位置。这是不好的编码实践吗？

Answer 1

避免使用内联样式。

创建新文件custom.css。在Bootstrap.css

之后引用/加载它

<link rel="stylesheet" href="path/to/bootstrap.css"> 
<link rel="stylesheet" href="path/to/custom.css">

为元素添加自定义类。

<强> HTML

<img src="swim-2.jpg" height="400" width="400" alt="swimmingClass" class="img-thumbnail img-responsive transform">

CSS

/* custom.css */
.transform {
  margin-top: 10%;
  transform: rotate(-10deg);
}

Answer 2

你不应该真正使用内联样式。如果你不得不改变它，那将是一种痛苦。如果在每个图像上使用该样式，则必须更新每个图像以匹配。 CSS的重点是将表示与结构分开，使用自定义css文件是可行的方法。

Answer 3

你真的不应该使用内联样式。 HTML不是＆＃34;做＆＃34;＆＃34;它只是＆＃34;闲置＆＃34;。所以你试图让HTML做类似样式等事情并不是最有效的编码。除此之外，它看起来很简陋。

是否可以为twbootstrap元素使用内联CSS样式

3 个答案: