不使用CSS样式化HTML文本

20
我想在我的Tumblr页面中的HTML代码部分,但是在此上下文中,我不能添加任何CSS。有没有办法在不使用CSS的情况下格式化文本大小、字体、颜色等?我查看了<font>标签,但它们似乎在HTML5中不被支持。有没有解决方法或标签可以为我完成这个任务?
谢谢你的所有帮助。

2
你不能在style属性中使用CSS吗? - helderdarocha
你可以编辑HTML,但是内联样式呢? - Bill
6个回答

60
仅使用HTML,而没有任何CSS,您可以设置:
  • 字体系列使用<font face=...>
  • 字号使用<font size=...>(虽然只有几个值)
  • 文字颜色使用<font color=...>
  • 斜体字使用<i>
  • 粗体字使用<b>
  • 上标使用<sup>
  • 下标使用<sub>
  • 下划线使用<u>
  • 强制换行使用<br>
  • 允许直接换行点使用<wbr>
  • 允许连字符(单词分割)点使用&shy;
  • 不换行使用<nobr>
  • 在某些元素中使用align属性或(对于垂直对齐)valign属性进行文本对齐
  • 在元素和表格相关元素中使用bgcolorbackground属性设置背景颜色和/或图像
  • 使用<marquee>自动滚动文本
还有一些其他的格式化工具(哪些属于文本格式化有些具有争议)。
尽管HTML5草案将其中许多声明为“过时”和“不符合规范”,但它们也要求或强烈建议(取决于元素)浏览器继续支持它们,除了nobr(这在浏览器中得到广泛支持,没有被删除的迹象)。
(HTML5是一份草案规范。它不“支持”任何东西;浏览器才是支持者。规范可能需要支持,但那只是一个规范性陈述,说明事情应该是怎样的。)

如果您确实可以在 style 属性中使用 CSS,那么就有更多的可能性,尽管样式设置会笨拙和受限。


12
将CSS作为样式直接添加到您想要格式化的标签中。
例如:

<p style="width:20px;height:20px;background-color:#ffcc00;">这里放内容</p>


这在我使用 GitHub 上的 Markdown 时不起作用。 - Alex

5

把CSS放在独立的文件里可能不是最好的选择,但你可以把它包含在HTML文件的head部分中,像这样:

    <doctype HTML>
    <html>
    <head> <title>My title</title>
        <style>h1{
            color:red;
            font-size:20px;
    }
        </style>
    </head>
    <body><h1>My large text heading</h1>
     <script>alert("Hi , I'm in javascript inside the HTML File");</script>
    </body>
    </html>

这是最简单的方法,通过这种方式,代码可以全部放在一个地方,即HTML文件中的样式标签内,易于编辑。需要注意的是,JavaScript函数可以通过像上面HTML代码所示的'<script >alert("Hi , I'm in javascript");</script>'标签来添加。


1
您可以添加<a href="thepagelink.html" style="text-decoration:none;"></a>,这将删除链接上的下划线和任何格式。然后,您还可以添加自己的样式,例如<a href="thepagelink.html" style="text-decoration:none;" style="color: #07781C;"></a>

0

好问题,

有几种方法可以实现这个目标。一种方法是使用内联CSS。内联CSS的格式如下:<p style="color:red">

第二种方法是查看您的模板是否在设置中具有高级设置。在那里,您可以编辑CSS文件,然后在HTML中引用它!

第二种方法将为您节省大量时间,并使您的博客看起来更漂亮!

不用谢,

Oak


-1

您可以使用 span 样式、div 样式来为网页设置样式,而无需使用层叠样式表。

例如: <span style="color:#abc123;"> 名称 </span>


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接