Question

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

我正在学校的HTML课程中，我们的最终项目是创建一个多框架的网页。在main.htm文件中，我希望描述在面向文本左侧90度角时说“关于”。我在线查看，它需要使用CSS，没问题，所以我去W3学校了解如何正确使用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>

奇怪的是，当我在网上测试它时，即使我在代码snippit中尝试它，它也能完美地工作（除了侧面文本在中心，这是现在没有问题）。

我正在编写记事本文档并在Internet Explorer 10中进行测试。

Answer 1

别忘了这个：

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

Answer 2

您需要为其他浏览器添加-webkit-transform，-o-transform，-moz-transform，transform以支持转换

＆＃13;

    
    body {
      background-color: #ffffff;
    font-family: "Tw Cen MT";
    }
    h1 {
      position:absolute;
      left:0px;
      Top:20px;
      width:300px;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
      
    }

＆＃13;

  <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>

＆＃13;

Answer 3

我可以在您的代码中看到许多错误和不遵循指南。

body {
  Background-color: #ffffff Font-Family: "Tw Cen MT";
}

实际上有两条规则：

body {
  background-color: #ffffff;
  font-family: "Tw Cen MT";
}

-ms-transform: rotate(-90deg);这只适用于IE，因为-ms-前缀。看看更正后的版本：https://jsfiddle.net/oeqr3m6m/（我已将背景颜色更改为可见）。

正如@ slawrence10所说，将type="text/css"添加到您的style代码中。

即使它有效，也请使用小写字母表示css和html代码。

CSS代码不影响HTML文档

3 个答案: