时间戳

首页 > 解决方案 > 仅在 Dreamweaver 中工作的外部 CSS 样式表

html - 仅在 Dreamweaver 中工作的外部 CSS 样式表

问题描述

（对不起我的语法不好，英语不是我的母语）

我开始刷新关于 HTML5 和 CSS 的知识。

从基础开始。

在我的 PC 的文件夹中制作了 html 文件和 CSS 样式表。写了一些 HTML 代码：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="style/css" href="styles.css">
    <meta charset="UTF-8">
</head>
<body>

<a href="https://www.google.lv/"><button>Ej uz Google!</button></a>


</body>
</html>

和 CSS 样式表：

body {
  background-image: url("https://www.hdwallpapers.in/download/sunset_horizon_above_clouds_4k-1366x768.jpg");
  background-repeat: repeat-x;
}
button{
    background-color:#44c767;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:16px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
}
button:hover {
    background-color:#5cbf2a;
}
button:active {
    position:relative;
    top:1px;
}

但是，当我在 Dreamweaver 中本地打开我的 HTML 时，一切正常。当我在我的任何浏览器中本地打开它时，它只显示简单的按钮，没有来自 CSS 样式表:(

我该如何解决？

提前致谢！

祝你今天过得愉快！

标签： htmlcss

解决方案

对不起，如果我的问题很愚蠢，谢谢你的帮助。

我刚刚在强大的谷歌和这个问题的评论的帮助下做了一些改变:)

所以我在 HEAD 部分更改了一些内容：

<head>
    <meta charset="utf-8">
    <title>Seda Mājaslapa</title>
    <style type="text/css">
        @import url("styles.css");
    </style>
    <link rel="icon" href="https://img.icons8.com/color/48/000000/jacket.png">
</head>

感谢您的帮助！如果我的问题不好，我很抱歉。我只是在刷新我在 HTML5 和 CSS 方面的知识 :)

祝你今天过得愉快！

PS 哪里有一些好的 HTML5 和 CSS 教程（我已经知道 w3schools 了）:)

推荐阅读