没有CSS的样式元素的正确方法

时间:2015-06-24 05:07:47

标签: javascript html css image dom

编辑:是的,我知道我使用了“正确”这个词。但这并不一定意味着它是基于意见的。如果您未能以正确的方式做到这一点,请将我投票给我。但如果您认为只有一种正确的方法,请告诉我。感谢

我正在为tinymce和/或其他image创建plugin html editors,允许用户上传图片style 。用户可以定义image的各种质量,例如 alt,title,height,width,src,vertical margin,horizo​​ntal margin和border 。上传image后,我的应用程序将插入并使用相应的质量。此外,我的应用程序需要能够在编辑器空间中选择image,并且能够确定现有的image 质量

鉴于这种情况,似乎external CSS文件不合适。同意?

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

高度和宽度怎么样?垂直边距(顶部和底部),水平边距(左侧和右侧)以及边框(宽度和样式)如何?

1 个答案:

答案 0 :(得分:1)

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

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

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

然后允许上传的内容具有内联样式。你只需要注意内联样式,例如<img src="bla" style="width:640px">,取代了CSS样式。

这里的考虑因素是:

  • 您想要允许用户定义哪些属性? [编辑你的编辑器以允许这些道具]
  • 如果用户没有定义所有属性,那么默认样式是什么? [放入你的CSS]

是的, alt 标题 src 都应该是html属性。没有办法让它们成为CSS属性,是吗?

  

...我的应用程序将使用适当的品质

插入它

我相信你的意思是&#34; 属性&#34;。质量有不同的含义。

  

高度和宽度怎么样?垂直边距(顶部和底部),水平边距(左侧和右侧)以及边框(宽度和样式)如何?

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