Вопросы по CSS - [126] :: Web-программирование :: Компьютерный форум Ru.Board

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Xrobak

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Ссылки для самостоятельного изучения:

Теория + примеры + учебники:
• W3School: CSS Tutorial
• MDN: Cascading Style Sheets (CSS)
• WebReference: Уроки по HTML и CSS
• htmlbook: Справочник CSS
• YouTube: Основы CSS/CSS3
• CSS для JavaScript-разработчика
• Основы CSS - каскадные таблицы стилей
• Статьи по основам CSS

Применение на практике:
• StackOverflow: 'CSS' Questions
• CSS-Tricks

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019

Puks

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

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

В Девелопере я вижу, что сначала применяется размер фонта из css файла на уровне html и body (так же, как а на системе, где все работает):

font-size: 12px;

Но потом это все переписывается

table user agent stylesheet
font-size: medium;

Всего записей: 1741 | Зарегистр. 17-09-2003 | Отправлено: 03:28 16-08-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Puks

Цитата:

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

должно, но не грузится.

Цитата:

Но потом это все переписывается

table user agent stylesheet
font-size: medium;

я не могу сказать, не видя. раз переписывается по умолчанию, значит, как и сказал, файл стиля не грузится.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 03:31 16-08-2023

Puks

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Я нажимаю на CSS link и на Source закладке получаю соответственно из этого файла:

html
{
    overflow: scroll;
    height: 100%;
    font-size: 12px;
}

body
{
    margin:            0;
    background-color:    #f7f8f8;
    height:            100%;
    font-size: 12px;
}

Разве это не показатель, что файл нормально загрузился?

На закладке Elements в этих двух секциях только "font-size: 12px;" перечеркнут.

И все выше для фонта перечеркнуто по наследованию до

table user agent stylesheet
{
border-collapse: separate;
text-indent: initial;
white-space-collapse: collapse;
text-wrap: wrap;
line-height: normal;
font-weight: normal;
font-size: medium;
font-style: normal;
color: -internal-quirk-inherit;
text-align: start;
border-spacing: 2px;
font-variant: normal;
}

Всего записей: 1741 | Зарегистр. 17-09-2003 | Отправлено: 03:38 16-08-2023 | Исправлено: Puks, 03:39 16-08-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Puks

Цитата:

На закладке Elements в этих двух секциях только "font-size: 12px;" перечеркнут.

вы доктайп не забыли указать?
https://htmlbook.ru/html/%21doctype

первой строкой
<!DOCTYPE html>

ну или что у вас там.. если нет доктайпа, то включается https://developer.mozilla.org/ru/docs/Web/HTML/Quirks_Mode_and_Standards_Mode

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 03:42 16-08-2023 | Исправлено: Mavrikii, 03:43 16-08-2023

Puks

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Проблема существует только на одной системе. Но во всех браузерах этой системы.

Есть огромное количество установок, где такой проблемы нет. Серверный софт, генерирующий страницу, одинаковый.

Всего записей: 1741 | Зарегистр. 17-09-2003 | Отправлено: 03:48 16-08-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Puks

Цитата:

Но во всех браузерах этой системы.

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

вполне возможно, что как и писал выше, браузер работает в режиме совместимости
https://stackoverflow.com/questions/3388705/why-is-a-table-not-using-the-body-font-size-even-though-i-havent-set-the-table
возможно какой то аддон ведет себя странно
https://www.reddit.com/r/chrome/comments/qhhg0m/chrome_issue_page_layout_may_be_unexpected_due_to/

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 03:52 16-08-2023 | Исправлено: Mavrikii, 03:53 16-08-2023

Puks

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

возможно в системе нет шрифта, который используется по умолчанию.

Arial

Дело не в шрифте, а в размере, который переписывается с 12px на font-size: medium;

Я проверял во всех браузерах с выключенными плагинами. В Firefox and Egde вообще ничего дополнительно не установлено. Даже сделал refresh Firefox и удалил все кэшированное. И в Firefox safe mode такая же фигня.

Я вижу, что есть разница в v

http://.../style/screen.css?v=2347.981
http://.../style/screen.css?v=2347.0

Это имеет значение?
Но когда я сравнил страницы по этим линкам, то все абсолютно одинаково.

Всего записей: 1741 | Зарегистр. 17-09-2003 | Отправлено: 04:43 16-08-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Puks

Цитата:

Это имеет значение?

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

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 04:45 16-08-2023

Puks

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Вроде решил.

Не нравилось <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Исправил на <!DOCTYPE html >, и все заработало. В базе была старая запись на эту конфигурацию.

Спасибо.

Всего записей: 1741 | Зарегистр. 17-09-2003 | Отправлено: 20:02 16-08-2023

Puks

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

А если html вставляется через src= во фрейм основого html, который имеет в заголовке <!DOCTYPE html >, внешний html тоже должен иметь <!DOCTYPE html >, чтобы css равильно работали?

Всего записей: 1741 | Зарегистр. 17-09-2003 | Отправлено: 18:57 17-08-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Puks

Цитата:

внешний html тоже должен иметь <!DOCTYPE html >, чтобы css равильно работали?

нет, фрейм это отдельная страница.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:00 17-08-2023

Puks

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Странно. Пока я не добавил <!DOCTYPE html > в заголовок дополнительного файла, наследование показывало "User agent stylesheet". После добавления, оно пропало и только мой css в списке.

Всего записей: 1741 | Зарегистр. 17-09-2003 | Отправлено: 20:08 17-08-2023

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Puks ну значит зависит ) по логике - не должно.. еще в 2011 спрашивали https://stackoverflow.com/questions/4902255/run-quirks-mode-in-one-frame-and-standards-mode-in-another
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 20:13 17-08-2023

Vladsvn

Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Добрый день!

Как я заметил, в большинстве случаев производится сброс стилей в CSS путем перечисления чуть ли не всех возможных настроек и их параметров. А почему нельзя сделать так:
html, body{all: unset; font-size:16px;}

Разве этого не достаточно?

Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 13:28 18-08-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Vladsvn

Цитата:

Разве этого не достаточно?

нет. так как применяется только к двум тегам.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:27 18-08-2023

Vladsvn

Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

В сети пишут, что наиболее удачным является Eric Meyer's CSS Reset, содержащий

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

Лучше использовать это?

Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 21:11 18-08-2023 | Исправлено: Vladsvn, 21:15 18-08-2023

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Vladsvn я всегда без них обходился.. если хочется - используйте.
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 21:22 18-08-2023

Puks

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

ну значит зависит ) по логике - не должно.. еще в 2011 спрашивали
https://stackoverflow.com/questions/4902255/run-quirks-mode-in-one-frame-and-standards-mode-in-another

На самом деле там говорится, что "the target in an iframe is not dependent upon the parent. In regular frames the pages all rely on the parent."

И здесь https://github.com/gregnb/react-to-print/issues/459 "we should be setting the DOCTYPE so that we always are rendered in standards mode"

Признаю, что я не указал, что используется именно iframe tag.

Всего записей: 1741 | Зарегистр. 17-09-2003 | Отправлено: 23:28 18-08-2023

Vladsvn

Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Добрый день!

Имеет место вот такой несложный код:
<div class="group">

<div class="group-left">

</div>
<div class="group-right">

</div>
</div> 

.group {
    border: #00F 1px solid;
display: grid;
    grid-template-columns: 1fr 300px;
    grid-template-rows: 500px;
}

.group-left { background-color:#0F0; display:grid; justify-content:left; align-items: center;}
.group-right { background-color:#00F;display:flex; justify-content:right; align-items:center;}

В group-left и group-right я забыл указать grid-area. А может быть, и не надо? Поскольку область состоит из одной ячейки.

Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 13:57 20-08-2023 | Исправлено: Vladsvn, 13:57 20-08-2023

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Vladsvn https://developer.mozilla.org/ru/docs/Web/CSS/grid-area
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 19:20 20-08-2023

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC