直接在Wordpress页面中使用Html和CSS

时间:2015-07-21 14:41:02

标签: html css wordpress

我完成了一个html页面,但是 当我尝试向Word新闻网站添加新页面时。我为3d旋转粘贴了少量的CSS样式代码。 Wordpress页面创建工具删除代码。我刚刚粘贴了。

以下是有问题的代码,以防万一与我的CSS有关的特定问题。

<style>
}#f1_container {
  position: relative;
  margin: 10px auto;
  width: 450px;
  height: 281px;
  z-index: 1;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  -webkit-transform-origin-Y: 180deg;

  box-shadow: -5px 5px 5px #aaa;
  -moz-transform-origin: 180deg;

}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #aaa;
}


</style>

我不确定为什么Word按删除代码。有没有办法可以将html文件链接到页面上,并使其显示html代码片段。

我已阅读过代码的历史,但我找不到与此特定需求相关的部分。

1 个答案:

答案 0 :(得分:1)

你在开始风格方面有}

这可能会导致问题:

<style>
}

请删除括号并告诉我