html - 不影响 HTML 文档的 CSS 代码

标签 html css

我保证在提问之前我已经在这里寻找答案。

我在学校学习 HTML 类(class),本单元的期末元素是制作一个多框架网页。在 main.htm 文件中,我希望描述内容为“关于”,同时面向文本左侧 90 度 Angular 。网上看了一下,需要用到CSS,没问题,于是就去W3 Schools学习如何正确使用CSS。问题是我使用的记事本文档完全忽略了 CSS。

代码如下:

<!DOCTYPE html>
<HTML>

<HEAD>
  <STYLE>
    body {
      Background-color: #ffffff Font-Family: "Tw Cen MT";
    }
    h1 {
      -ms-transform: rotate(-90deg);
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
      ​
    }
  </STYLE>
</HEAD>

<BODY>

  <h1>The Pawnshop</h1>
  <h3>is a buy and sell eccomerse site. Send us information if you want to sell, or check out our store 
page if you're looking to buy.<h3>

</BODY>
</HTML>

​

奇怪的是,当我在线测试它时,甚至当我在代码片段中尝试它时,它都能完美运行(除了位于中心的横向文本,这目前不是问题)。

我在记事本文档中编辑并在 Internet Explorer 10 中测试。

最佳答案

不要忘记这一点:

h1{
  -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

关于html - 不影响 HTML 文档的 CSS 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37751584/

相关文章:

java - 如何自定义 HTML 到 Servlet 的请求

html - 如何将图像保存到硬盘而不在新窗口中打开

jquery - 无效格式问题

html - 嵌套 div 上带有 css 剪辑的 Chrome 错误

javascript - 如何在单击按钮时显示 div?

HTML 表 : Set width for second column onwards using CSS

css - 为什么我的 CSS 高度过渡不起作用?

css - svg 元素上的动画属性在 edge 15 上不起作用

javascript - JQuery 移动自定义水平单选按钮在实际设备中不起作用

css - 是否可以在现有代码上使用 Bootstrap ?