Описание группы элементов или единичного элемента, к которому применяется указанное правило стиля.
Различают (в основном) несколько типов селекторов:
- Простые селекторы
- Селекторы потомков
- Дочерние селекторы
- Сестринские селекторы
Среди простых селекторов также различают:
- Селектор типа
- Селектор класса
- Селектор псевдокласса
- ID-селектор
Пример использования простого селектора в CSS:
a { color: blue; }
где "a" - собственно селектор, обозначает тег <a>, а выражение, заключенное в фигурные скобки - стилистическое правило. В данном примере, оно говорит, что все ссылки должны быть синими.
Пример использования селектора потомков:
td a { color: red; font-weight: bold; }
В данном случае имеется ввиду, что все ссылки размещенные в таблице будут отображены красным цветом, и жирным шрифтом (также включая подтаблицы).
Более подробную информацию о селекторах в CSS можно получить здесь.
Здравст<wbr />вуйте !
Вот пожалуйста HTML редактор онлайн
Один из лучших, который входит в топ 5 редакторов - по популярности !
Бесплатный и полностью на русском языке + с возможностью скачивания .html формата.
Применение стиля к элементу на веб странице применяет к нему так же все параметры высоты и ширины, содержащиеся в назначенном стиле. Если у вас стоит у элемента ширина и высота 40 пикселей, то при назначении стиля этому элементу, размер поменяется согласно указанному в стиле. Здесь есть такая вещь, вы можете назначить всем табличным элементам td, ширину и высоту через стили одинаковую, и после них написать параметр !important, это указывается в случае, если данное свойство важнее назначаемых.
Пример:
Если класс вашей таблицы будет table1, то пишем в стилях следующий селектор:
.table1 td { width: 40px !important; height: 40px !important; }
У вас получается так:
- Вы задаете размер ячеек, при формировании страницы они так и русются с нужным размером
- Идет считывание CSS файла сверху-вниз, и как только дойдет до назначенного класса с размером "картинки", то он применяет этот размер ко всему элементу, и потому его размер меняется, ведь все свойства назначаются последовательно, и последующий заменяет предыдущий, если у него нет параметра !important
- Формируется страница не так, как вам нужно.
Почему? Не совсем понимаете принцип работы свойств width и height в css, и как работает класс, применяемый к элементру страницы =)
Решение:
Убрать у ячеек размер width и height в html и задавать его через класс для "картинки", или же сделать так:
- Указываете таблице, содержащей ячейки идентификатор или класс, далее в css обращаетесь ко всем элементам которым нужно задать один размер, например .table1 td, как я писал ранее.
- Далее в свойствах этого селектора (.table1 td) пишем нужный width и height с параметрами !important. Как я писал выше.
Дело в том, что вы думаете что назначаете размер фону, а вы назначаете его всему элементу, к которому применяете стиль, в данном случае это ячейка таблицы.
У ячейки должен быть размер, а у фона он не указывается. Для фона есть только повторение, фиксация, смещение.
Сегодня скорее всего уже нигде. К сожалению музея с подобными экспонатами не существует. Это и понятно возможности HTML достаточно ограничены. Всему прекрасному приходит конец и HTML не стал исключением.
Просто убрать из кода соответвующие теги. Код маркикованного списка выглядит так.
Если удалить из кода <li> теги </li> то маркера не будет отражаться. А для переноса строки использовать тег не парный тег <br>
