Вопросы для знатаков HTML/CSS

@morphling · Регистрация: 26.06.2010

Студворк — интернет-сервис помощи студентам

Почему CSS-файлы лучше подключать в <head>, а <script> в конце <body>?

Для чего нужен аттрибут media у тега <link>, и чем его можно заменить внутри CSS-файла?

Какие способы для создания "закругленных уголков" вам известны? Какие используете последнее время?

Какие псевдо-классы CSS вам известны и для чего они применяются? Насколько они кроссбраузерны?

Что делают CSS-селекторы "+" и ">"? Поддерживает ли их IE 6/7?

Что делает селектор "~"? Это CSS-селектор?

Что такое семантическая верстка?

Что такое "conditional comments" и для чего это применяется?

Что делает CSS-выражение color:inherit; и чем его можно заменить, чтобы оно работало в старых версиях IE (укажите конкретно какие).

Если НЕ требуется верстать под старые версии IE (6,7), то какие свойства CSS лучше всего подойдут для создания как-минимум общей сетки сложного макета?

Что делает тег <xmp>?

Для чего нужен CSS-класс .clearfix:after { content:""; overflow:hidden; height:0; clear:both; display:block; } и что нужно добавить чтобы этот же функционал заработал в IE6?

У какого HTML-тега есть аттрибут "start"?

Что такое CSS-спрайты?

Чем отличаются графические форматы PNG-8 Alpha Transparency и PNG-8 Index Transparency?

Что такое HTML-мнемоники? Приведите несколько примеров.

Vovan-VE · 30.08.2011, 18:14

Не по теме:

morphling, Это вопросы зачета/экзамена?

@Luser · 30.08.2011, 18:26

Почему CSS-файлы лучше подключать в <head>, а <script> в конце <body>?

мм...предположу, что лучше чтоб браузер сразу посмотрел, что как на сайте отображать (очень много указаний для отображения содержится в стилях), ну а скрипты вообщем то их можн и в конце тега <body> чтоб особо не нагружали....

Какие способы для создания "закругленных уголков" вам известны? Какие используете последнее время?

Знаю что как то через css (никогда не применял)
Легче всего (css+картинки)

Какие псевдо-классы CSS вам известны и для чего они применяются? Насколько они кроссбраузерны?

Ну например hover (часто использую) Помоему всегда во всех браузерах нормально, жалоб не было вроде=)

У какого HTML-тега есть аттрибут "start"?

У тега <ol> к примеру

<ol start="3" type="I">
<li>Пам</li>
<li>Пам</li>
<li>Пам</li>
<li>Пам</li>
<li>Пам</li>
</ol>

@morphling · 30.08.2011, 18:26 **[ТС]**

нет конечно... я тока перехожу на 2 курс... прост в инете нашел решил выложить... так я на СИ/С++ пишу... можешь посты посмотреть у меня кроме них больше нет...

@Persk · 30.08.2011, 18:26

Сообщение от Vovan-VE

Не по теме:
morphling, Это вопросы зачета/экзамена?

Думаю кто пытается заданное задание на дом, при помощи других решить. Тем более данные вопросиы, решаются за несколько секунд Гуглом

@Luser · 30.08.2011, 18:28

А хм странно а у меня чото <ul> атрибут старт не поддерживает

Dmitry · 30.08.2011, 18:42

Сообщение от Luser

А хм странно а у меня чото <ul> атрибут старт не поддерживает

это маркерный список, а - <ol> нумерованный

@Luser · 30.08.2011, 18:48

Сообщение от Dmitry

это маркерный список, а - <ol> нумерованный

дак я знаю, поэтому я и отвечал на дополнению к моему ответу пользователем Persk1976.....ээ кажется он его просто подредактировал

Добавлено через 1 минуту

Думаю кто пытается заданное задание на дом, при помощи других решить. Тем более данные вопросиы, решаются за несколько секунд Гуглом

Или Яндексом

Dmitry · 30.08.2011, 18:54

Сообщение от morphling

а <script> в конце <body>?

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

Vovan-VE · 30.08.2011, 19:11

Сообщение от morphling

Почему CSS-файлы лучше подключать в <head>, а <script> в конце <body>?

Сообщение от morphling

Для чего нужен аттрибут media у тега <link>, и чем его можно заменить внутри CSS-файла?

Атрибут media указывает, на устройствах какого media-типа нужно использовать этот файл стилей. Внутри CSS можно использовать конструкцию:

CSS
1
2
3
@media тип, тип, ... {
    /* правила */
}

Сообщение от morphling

Какие способы для создания "закругленных уголков" вам известны? Какие используете последнее время?

Изображения "звездочек" в нужных углах через абс.позиционирование. Изврат.
border-radius (http://www.quirksmode.org/css/contents.html#t46). Используется в последнее время.

Сообщение от morphling

Какие псевдо-классы CSS вам известны и для чего они применяются? Насколько они кроссбраузерны?

:hover - элемент при наведении на него курсора мыши. В IE6 пашет только для <a>
:empty - елемент не имеет никакого контента, в том числе текстовых узлов (даже если это пробельные символы). Не поддерживается в IE8 и ниже.
:nth-child(формула) - порядковый индекс элемента внутри родителя удовлтворяет формуле. IE 9+, FF 3.5+. Opera имеет баги при динамическом изменении контента родителя.
:not(простой-селектор) - элемент не совпадает с простым селектором. Не поддерживается в IE8 и ниже.

Сообщение от morphling

Что делают CSS-селекторы "+" и ">"? Поддерживает ли их IE 6/7?

CSS
1
E + F {}

выбирает все F, у которых предыдущим братом является E. Не поддерживается в IE6, имеет баги в IE7 и IE8.

CSS
1
E > F {}

все F, родителем которых является E. Именно родителем, а не предком вообще. Не поддерживается в IE6.

Сообщение от morphling

Что делает селектор "~"? Это CSS-селектор?

CSS
1
E ~ F {}

Селектор CSS 3. Выбирает все F, у которых один из предыдущих братьев есть E. Не поддерживается в IE6.

Сообщение от morphling

Что такое "conditional comments" и для чего это применяется?

MS Conditional Comments (условные комментарии MS)
Понимаются только в IE (только в продукции MS). Часто используются для подключения отдельных стилей/скриптов только для IE6/7/8 для исправления багов.

Сообщение от morphling

Что делает CSS-выражение color:inherit; и чем его можно заменить, чтобы оно работало в старых версиях IE (укажите конкретно какие).

Заставляет использовать значение свойства color родительского элемента. Не работает в IE7 и ниже. Лечится через expression:

CSS
1
2
color:inherit;
*color:expression(this.parentNode.currentStyle.color);

либо через явное указание конкретного значения.

Сообщение от morphling

Для чего нужен CSS-класс

CSS
1
.clearfix:after { content:""; overflow:hidden; height:0; clear:both; display:block; }

и что нужно добавить чтобы этот же функционал заработал в IE6?

Используется после всех float-элементов (в конце их родителя) для вытягивания родителя до конца. Ибо float'ы не входит в нормальный поток и родитель сам не будет растягиваться на столько, чтобы уместить из внутри. Для IE6 надо добавить font-size:0;

Сообщение от morphling

У какого HTML-тега есть аттрибут "start"?

Для <ol> указывается стартовый индекс для первого <li>.

Сообщение от morphling

Что такое CSS-спрайты?

В одном изображении рисуется много небольших картинок (обычно одинакового размера). Далее это изображение ставится в background и позиционированием докручивается до отображения нужного спрайта из набора.
Один файл загрузится быстрее и стабильнее, чем N маленьких такой же суммарной площади.

Сообщение от morphling

Что такое HTML-мнемоники? Приведите несколько примеров.

Не по теме:

Что-то долго я писал.

@Alorian · 30.08.2011, 20:08

morphling, интересные вопросы. В процессе ответа узнал несколько новых для себя вещей.

Сообщение от Vovan-VE

"<script> в конце <body>" - сомнительно.

Вот например одна из новых для меня проблем:
http://webo.in/articles/habrah... d-loading/

Я всегда использовал window.onload и не задумывался над этим даже. Теперь понятно чем jquery ready() отличается и зачем она нужна.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

Vovan-VE
	30.08.2011, 18:14
	Не по теме: morphling, Это вопросы зачета/экзамена? 0

@morphling 19 / 19 / 2 Регистрация: 26.06.2010 Сообщений: 181
	30.08.2011, 18:26 [ТС]
	нет конечно... я тока перехожу на 2 курс... прост в инете нашел решил выложить... так я на СИ/С++ пишу... можешь посты посмотреть у меня кроме них больше нет... 0

@Luser 3 / 3 / 2 Регистрация: 24.12.2009 Сообщений: 73
	30.08.2011, 18:28
	А хм странно а у меня чото <ul> атрибут старт не поддерживает 0

Вопросы для знатаков HTML/CSS

Решение