#html #css #templates
#HTML #css #шаблоны
Вопрос:
У меня есть веб-страница, которая является шаблоном от компании, которая разработала ее для нас, и у нас есть панель администратора, с помощью которой мы можем добавлять контент на страницу.
Обычно это работает нормально, но есть определенная страница, которая выглядит не очень. На нем много текста, и мы хотим, чтобы фон был темно-коричневого цвета, золотая рамка вокруг него и текст выделен жирным шрифтом.
Когда мы добавляем контент, мы создаем блок контента, и в него мы можем добавлять html, недавно я прошел очень базовый курс по html. Я знаю, что обычно страница будет ссылаться на файл CSS, который будет обеспечивать стиль страницы. Но я также знаю, что вы можете добавить <style> тег in, а затем добавить CSS непосредственно в HTML.
Возможно, это рискованный шаг, но знает ли кто-нибудь, обладающий какими-либо знаниями о веб-сайте шаблона, сработает ли добавление css таким образом, просто чтобы изменить цвет фона и придать ему рамку? Я полагаю, мне нужно было бы использовать что-то вроде Google dev tools, чтобы узнать, каковы названия разделов, чтобы идентифицировать их в CSS? Согласно dev tools раздел, который я хочу изменить, выглядит следующим образом.
<div id="content">
<div class="cs-content-row">
Спасибо
Ответ №1:
Если у вас очень ограниченный контроль, например, вы не можете добавить <style> тег к <head> или использовать пользовательскую таблицу стилей, вы также можете прибегнуть к использованию встроенного стиля и стилизовать отдельные элементы с помощью style атрибута.
Смотрите пример использования;
<div style="background:brown; border:1px solid yellow; color:white; font-weight:bold; padding:30px;">Your text here</div>
Плюсы в том, что он легко переопределяет стиль по умолчанию, но недостатком является то, что вам придется переписывать код для каждого элемента, которому вы хотите придать пользовательский стиль, и если вы изменили свое мнение о цвете, вам придется редактировать каждый экземпляр, в котором он использовался..
Ответ №2:
Вы имеете в виду обычный 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> Ответ №3:
Вы можете использовать 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>