没有css的元素样式的正确方式

proper way to style elements without css

本文关键字：方式 元素 css 没有 样式      更新时间：2023-09-26
编辑：是的，我知道我用了"正确"这个词。但这并不一定意味着它是基于观点的。如果你还没有决定怎样做，请投我一票。但如果你觉得只有一种合适的方法，请告诉我。感谢

我正在为tinymce和/或其他html editors创建一个image plugin，它允许用户上传图像和style。用户可以定义image的各种质量，如alt、title、height、width、src、vertical margin、horizontal margin和border。上传image后，我的应用程序将插入具有适当质量的。此外，我的应用程序需要能够选择编辑器空间中已经存在的image，并能够确定现有的image质量。

在这种情况下，externalCSS文件似乎是不合适的。同意

我的印象是alt、title和src都应该是html属性

高度和宽度如何？垂直边距(顶部和底部(、水平边距(左侧和右侧(和边框(宽度和样式(如何？

外部CSS，即应用程序声明的默认样式，仍然适用于某些属性。

我要做的是使用CSS定义默认的图像样式，例如

.uploaded-section img {
    display: block;
    width: 100%;
    max-width: 100%;
}

然后允许上传的内容具有内联样式。您只需要注意，内联样式，例如<img src="bla" style="width:640px">，会覆盖CSS样式。

这里的考虑因素是：

  • 您希望允许用户定义哪些属性？[对编辑器进行编码以允许使用这些道具]
  • 如果用户没有定义所有属性，那么默认样式是什么？[放入CSS中]

是的，alt、title和src都应该是html属性。没有办法让它们成为CSS属性，是吗？

我的应用程序将插入适当的质量

我相信你的意思是">属性"。质量有不同的含义。

高度和宽度如何？垂直边距(顶部和底部(、水平边距(左侧和右侧(和边框(宽度和样式(如何？

没有人能告诉你这些属性是否应该由用户控制，即作为内联样式。你或你的设计师应该根据页面布局和设计主题/风格告诉你这一点。

相关文章：