Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Ноябрь 2019  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
252627282930
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
НАШ ОПРОС
Какую верстку вы предпочитаете?
Всего ответов: 16
ДРУЗЬЯ

НАША КНОПКА

..::ШКОЛА HTML & CSS::.. || ..::SCHOOL HTML & CSS::..

ОБЛАКО ТЕГОВ
<meta метаданные Домен популярность сайта рейтинг тиц favicon иконка имидж сайта каскадные таблицы стилей что такое css высота подвал Class id атрибуты отличия трюки выпадающее меню css теги html замена картинки список написание спецсимволов символы <a гиперссылка ссылка тег
СТАТИСТИКА

Яндекс Цитирование
Средний Индекс Цитирования
Rambler's Top100



Онлайн всего: 1
Гостей: 1
Пользователей: 0

» CSS
Наверняка вы часто видили, как на сайтах, в списках, типа меню, построенных на тегах ul и li стоят не некрасивые кружки, а какие то симпотичные иконочки.
Сейчас я расскажу как вы можете легко и быстро изменить некрасивый кружок (либо просто спрятать его вовсе).
Напишем стандартный код:

Code

<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
</ul>

Эти самые кружки меняются очень просто:
В ваш файл с CSS пишем следующее:

Code
... Читать дальше » /div>

Категория: CSS | Просмотров: 1155 | Дата: 08.04.2009 | Рейтинг: 1.0/1 | Комментарии (0)
Здравствуйте, уважаемые посетители Школы HTML и CSS! Наша очередная статья по CSS будет посвящена довольно важному для валидации и корректной работы вопросу CSS и HTML – отличиям между атрибутами class и id.

Начнем с определений.
Id – уникальный определитель объекта. Это значит, что несколько элементов на странице не должны иметь одинаковый id. В HTML записывается, например, так:

Содержание блока

В CSS, стили для id, записываются так:

Code
#test {font: 12px Arial;}

Class – определитель стиля объекта, или группы объектов на странице. Его часто применяют для повторяющихся конст ... Читать дальше » /div>

Категория: CSS | Просмотров: 1194 | Дата: 29.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
В этом уроке, я расскажу Вам о том, как прижать footer ("подвал" сайта) к низу страницы, чтобы при малом количестве контента не терялась целостность страницы.
В ваш файл CSS добавляем следующее (файл должен называться style.css):
Code

html, body {
  margin: 0;
  padding: 0;
  height: 100%; /* не забываем это свойство для html и body */
}

Если вам нужно прижать подвал на какой то конкретной странице, то напишите следующий код прямо на странице:
... Читать дальше » /div>

Категория: CSS | Просмотров: 931 | Дата: 26.03.2009 | Рейтинг: 0.0/0 | Комментарии (1)
Здесь описаны свойства, которые изменяют отображение ячеек и их рамок стандартных HTML таблиц.

Свойства:

border-collapse
- определяет способ отображения рамок вокруг ячеек таблицы.
Примеры:

Code
border-collapse: collapse; // Между ячеек отображается только одна линия

Code
... Читать дальше » /div>

Категория: CSS | Просмотров: 533 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Может определить величину полей внутри всего элемента или для каждой стороны в отдельности.

Свойства:

padding
- определяет величину полей.
Значения задаются любыми способами измерения принятыми в CSS.
В одной строке можно указать 4 размера одновременно, они будут действовать для каждой стороны в последовательности: (верхний правый нижний левый).
Также можно указать величину поля только для одной стороны.
Примеры:

Code
padding: 10px; // Поле со всех сторон элемента 10 пикселей

... Читать дальше » /div>

Категория: CSS | Просмотров: 555 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Может определить величину отступа вокруг всего элемента или для каждой стороны в отдельности.

Свойства:

margin
- определяет величину отступов.
Значения задаются любыми способами измерения принятыми в CSS.
В одной строке можно указать 4 размера одновременно, они будут действовать для каждой стороны в последовательности: (верхний правый нижний левый).
Также можно указать величину отступа только для одной стороны.
Примеры:

Code
margin: 10px; // Отступ от всех сторон элемента 10 пикселей

... Читать дальше » /div>

Категория: CSS | Просмотров: 627 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Атрибут позволяет определить стиль маркера, его расположение или изображение, которое будет использовано вместо маркера.

Свойства:

list-style-image
- указывает адрес изображения, которое будет использоваться вместо маркера.
Пример:

Code
list-style-image: url(images/list.gif);

list-style-type
- определяет вид маркера.
Примеры:

Code
... Читать дальше » /div>

Категория: CSS | Просмотров: 879 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Дает возможность размещения элементов не по расположению их в коде, а конкретными координатами относительно родительского контейнера или всей страницы.

Свойства:

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

Code
position: absolute; // Отсчет берется относительно всей страницы

... Читать дальше » /div>

Категория: CSS | Просмотров: 905 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Здесь описаны свойства, позволяющие установить ширину и высоту элемента, расположение элемента относительно родительского контейнера, запретить полное или частичное обтекание элемента другими или полностью скрыть его из вида.

Свойства:

width
- определяет ширину элемента.
Значение указывается всеми величинами, принятыми в CSS.
Пример:

Code
width: 200px; // Ширина элемента 200 пикселей

Значение по умолчанию - auto

height
- определяет высоту элемента.
Значение указывается всеми величинами, принятыми в CS ... Читать дальше » /div>

Категория: CSS | Просмотров: 922 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
С помощью этого параметра можно установить стиль, цвет и толщину рамок вокруг элемента, будь то изображение или отдельные блоки.

Свойства:

border-width
- определяет ширину рамки.
Значения устанавливаются в пикселях.
Пример:

Code
border-width: 3px; // Ширина рамки 3 пикселя

В одной строке также можно установить ширину для всех четырех сторон рамки. Первый размер указывается для верхней стороны, потом по часовой стрелке.
Пример:

... Читать дальше » /div>

Категория: CSS | Просмотров: 904 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
1 2 »
© 2008-2019 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на //school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"