没有CSS的样式html文本

时间:2014-02-22 03:21:10

标签: html css html5 text styles

我想在我的tumblr页面的html代码部分,但在上下文中,我无法添加任何CSS。有没有办法格式化文本大小,字体,颜色等,而不使用CSS?我查看了<font>标签,但html5似乎不支持它们。是否有针对我的解决方法或标记?

感谢您的帮助

6 个答案:

答案 0 :(得分:19)

单独使用HTML,没有任何CSS,您可以设置

  • <font face=...>
  • 的字体系列
  • 字体大小为<font size=...>(但只有几个值)
  • 带有<font color=...>
  • 的文字颜色
  • 使用<i>
  • 的斜体字谜
  • <b>
  • 的粗体字
  • 带有<sup>
  • 的上标
  • 使用<sub>
  • 下标
  • 使用<u>
  • 加下划线
  • 使用<br>
  • 强行换行
  • 允许使用<wbr>
  • 的直接换行点
  • 允许使用&shy;
  • 进行连字(分词)
  • <nobr>
  • 没有换行符
  • 带有align属性的某些元素中的文本对齐方式或(对于垂直对齐方式)valign属性
  • bgcolor元素和表格相关元素中backgroundbody属性的背景颜色和/或图片
  • 使用<marquee>
  • 自动滚动文字

和其他一些格式化工具(有些值得商榷的是文本格式)。

尽管HTML5草案将其中许多声明为“过时”和“不合格”,但它们还要求或强烈推荐(取决于元素)浏览器继续支持它们,nobr除外(这得到了很好的支持)通过浏览器,没有被丢弃的迹象。)

(HTML5是草案规范。它并不“支持”任何东西;浏览器确实如此。规范可能需要支持,但这只是一个关于事情应该如何的规范性陈述。)

如果你实际上至少可以在style属性中使用CSS,那么有更多的可能性,虽然样式是笨拙和有限的。

答案 1 :(得分:2)

将CSS作为样式直接添加到要格式化的标记中。

EX。

<p style="width:20px;height:20px;background-color:#ffcc00;">The contents go here</p>

答案 2 :(得分:2)

单独文件中的CSS可能不是答案,但您可以将其包含在HTML文件的头部,如下所示:

    <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文件头部的所有位置,并且可以轻松编辑。可以添加FYI Javascript函数,方法是将它们放在'&lt; script&gt;警报中(“嗨,我在javascript中”);&lt; / script&gt;'上面的HTML代码显示标记。

答案 3 :(得分:1)

很棒的问题,

有几种方法可以做到这一点。这样做的一种方法是使用内联css。内联css如下所示:<p style="color:red">

关于此问题的第二种方法是查看您的模板是否在设置下具有高级设置。在那里你可以编辑css文件,然后在html中引用它!

第二种方式可以节省大量时间并帮助您的博客看起来很棒!

您的欢迎,

橡树

答案 4 :(得分:0)

您可以使用span样式,div样式来设置网页样式而不使用级联表。

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

答案 5 :(得分:0)

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