Используйте начальную загрузку, CSS в HTML-коде приложения

Я пытаюсь создать веб-приложение. Однако я не могу создать CSS и папки в appscript.

Могу ли я как-нибудь добавить CSS?

вот мой простой код:

<!DOCTYPE html>
<html>
  <head>
    <base target = "_top">
  </head>
  <body>
    <form>
      <input type = "text" id = "login" class = "fadeIn second" name = "login" placeholder = "login">
      <input type = "text" id = "password" class = "fadeIn third" name = "login" placeholder = "password">
      <input type = "submit" class = "fadeIn fourth" value = "Log In">
    </form>
  </body>
</html>

Мне нужна помощь.

Я хотел бы использовать CSS в appscript, так как я не могу создать файл .css.

html css appscript

03.09.2024 16:55

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Использование doget() и встроенной таблицы стилей

function doGet() {
  template = HtmlService.createTemplateFromFile('index');
  return template.evaluate();
}

Добавьте это в тег head. Отредактируйте этот код, поскольку это только пример:

<style>
    /* BASIC */

    html {
      background-color: #56baed;
    }

    body {
      font-family: "Poppins", sans-serif;
      height: 100vh;
    }

    a {
      color: #92badd;
      display: inline-block;
      text-decoration: none;
      font-weight: 400;
    }

    h2 {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      display: inline-block;
      margin: 40px 8px 10px 8px;
      color: #cccccc;
    }
</style>

Затем добавьте эту ссылку для использования начальной загрузки или любой пользовательской платформы CSS в Интернете, поскольку у вас нет возможности добавить файл .css.

<link href = "//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel = "stylesheet" id = "bootstrap-css">
  <script src = "//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>