Задать вопрос
@andreystrelkov
html

Как вставить непосредственно CSS в код HTML?

На данном проекте jsfiddle.net/vjNpj/2060 можно ли как нибудь код CSS вставить непосредственно в текст HTML-а, чтобы не подключать файлы стилей

Если да, то как это всё будет выглядеть?
  • Вопрос задан
  • 3123 просмотра
1 комментарий
Подписаться 1 Оценить 1 комментарий
Решения вопроса 1
vladimir1987
@vladimir1987
))) 
<div id="progressbar">
      <div></div>
    </div>
<style type="text/css">
   #progressbar {
      background-color: black;
      border-radius: 13px; /* (height of inner div) / 2 + padding */
      padding: 3px;
    }
    
    #progressbar > div {
       background-color: orange;
       width: 40%; /* Adjust with JavaScript */
       height: 20px;
       border-radius: 10px;
    } 
</style>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
@krypt3r
говно-"кодинг" сплошной. Даже стили не могут нормально прописать =/
Ответ написан
Комментировать
Комментировать
Eugene_Sh
@Eugene_Sh
В html - jsfiddle.net/vjNpj/3916

Внутри тега - jsfiddle.net/vjNpj/3917
Ответ написан
Комментировать
Комментировать
@Billy_Milligan
А почему не хотите подключать стили файлом? если не секрет)

<!DOCTYPE html>
<html>
    <head>
        <style>
            #progressbar {
              background-color: black;
              border-radius: 13px; /* (height of inner div) / 2 + padding */
              padding: 3px;
            }
    
            #progressbar > div {
               background-color: orange;
               width: 40%; /* Adjust with JavaScript */
               height: 20px;
               border-radius: 10px;
            }
        </style>
    </head>

    <body>
        <div id="progressbar">
            <div></div>
        </div>
    </body>
</html>


или

<div style="background-color: black; border-radius: 13px; padding: 3px;">
      <div style="background-color: orange; width: 40%; height: 20px; border-radius: 10px;"></div>
    </div>
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать лендинг, переработать существующий логистический сайт
16 апр. 2024, в 16:34
30000 руб./за проект
Управление процессами и задачами в продукте "Форсайт"
16 апр. 2024, в 16:33
1000 руб./за проект
Написать учебное JS приложение - несколько интеграций с API
16 апр. 2024, в 16:31
5000 руб./за проект
Ещё заказы