Добавить CSS прямо в HTML на веб-странице шаблона - PullRequest
Новая
       5

Добавить CSS прямо в HTML на веб-странице шаблона

0 голосов
/ 14 марта 2019

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

Обычно это нормально работает, но есть определенная страницаэто не выглядит великолепно.На нем много текста, и мы хотим, чтобы фон был темно-коричневого цвета, золотая рамка вокруг него и текст жирным шрифтом.

Когда мы добавляем контент, мы создаем блок контента, и в этомМы можем добавить HTML, я недавно прошел очень базовый курс HTML.Обычно я знаю, что страница будет ссылаться на файл CSS, который будет обеспечивать стиль страницы.Но я также знаю, что вы можете добавить тег <style>, а затем добавить CSS непосредственно в HTML.

Возможно, это длинный путь, но кто-нибудь, кто знает какой-либо шаблон сайта, знает, будет ли он работать, чтобы добавитьCSS для этого просто изменить цвет фона и дать ему границы?Я предполагаю, что мне нужно будет использовать что-то вроде google dev tools, чтобы узнать, что такое названия разделов, чтобы идентифицировать их в CSS?В соответствии с инструментами разработчика раздел, который я хочу изменить, выглядит следующим образом. 

<div id="content">
<div class="cs-content-row">

Спасибо

Ответы [ 3 ]

0 голосов
/ 14 марта 2019

Вы можете использовать тег style, но вы должны добавить его между тегами <head> вашей страницы.Если ваша административная панель позволяет вам обновлять эту часть HTML, вы можете сделать что-то вроде этого:

В соответствии с описанием HTML 

<head>
    <style>
        #content{
            /* css targeting the div with id attribute equals to 'content' */
        }
        .cs-content-row{
            /* css targeting the div with class attribute equals to 'cs-content-row' */
        }
    </style>
</head>
0 голосов
/ 14 марта 2019

Если у вас очень ограниченный контроль, например, вы не можете добавить тег <style> к <head> или использовать собственную таблицу стилей, вы также можете прибегнуть к использованию встроенного стиля и стилизовать отдельные элементы с помощью styleатрибут.

См. пример использования; 

<div style="background:brown; border:1px solid yellow; color:white; font-weight:bold; padding:30px;">Your text here</div>

Плюсы в том, что он легко переопределяет стиль по умолчанию, но недостатком является необходимость переписывать код для каждого элемента, который вы хотите настроитьстиль, и если вы передумали о цвете, вам придется редактировать каждый экземпляр, который он использовал ..

0 голосов
/ 14 марта 2019

Вы имеете в виду нормальный CSS в HTML, как это?

 <html lang="en">
 <head>
  <style>
    body{
      background:red;  
    }
    #content{
      width:200px;
      height:200px;
      background:blue;
    }
    .cs-content-row{
      width:100px;
      height:100px;
      background:green;
    }
  </style>
 </head>
 <body>
     <div id="content">
     <div class="cs-content-row">
 </body>
 </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...