Селекторы CSS — как адресовать свойства в каскадных таблицах стилей

Селекторы css

В предыдущей статье мы с Вами познакомились с основами использования каскадных таблиц стилей CSS. Теперь переходим к более детальному рассмотрению css-форматирования.

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

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

Это происходит из-за неправильной адресации данного свойства. Сегодня мы научимся устранять эту проблему — научимся правильно адресовать css-стили.

Итак, поехали!

Читать полностью

Комментарии отключены

Введение в CSS или что такое каскадные таблицы стилей css

Css

Начинающему веб-мастеру зачастую ничего не говорят аббревиатуры HTML и CSS. А ведь это основа основ (не путать с «потеря потерь») сайтостроения.

Без применения каскадных таблиц стилей Ваш сайт будет безликим (голый не отформатированный текст). Навряд ли такой сайт привлечет внимание посетителей.

Так что без умения пользоваться таблицами стилей Вам хороший сайт не сделать. Можно конечно выбрать какой-нибудь готовый шаблон, который уже хорошо отформатирован.

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

Чтобы привести эти элементы в соответствие с дизайном сайта, Вам придется научиться пользоваться каскадными таблицами стилей CSS.

Итак, мы приступаем к изучению CSS.

Читать полностью

2

Узоры в Фотошоп — как создать или установить узор в Photoshop

Итак, мы продолжаем изучать применение узоров в Фотошоп. В первой части статьи мы узнали, что такое узоры в Фотошоп, научились применять заливку узором, накладывать узор в стилях слоя и пользоваться инструментом «Узорный штамп».

В этой статье мы рассмотрим вопросы создания новых узоров и установки готовых узоров в Photoshop.

Это создает практически безграничные возможности по применению узоров в Фотошопе, так как количество созданных Вами узоров и тех, которые Вы можете скачать из интернета не ограничено.

Не будем тянуть время. Давайте же начнем.

Читать полностью

3

Наложение узора в Photoshop

Немногие начинающие пользователи Adobe Photoshop знают о том, какие потенциальные возможности скрыты в недрах этой программы.

Сегодня я хотел бы поделиться с Вами одним из таких секретов, а именно — использованию узоров в Фотошоп.

Я расскажу Вам (а кое-что даже покажу) что такое узоры в Photoshop, зачем они нужны, как ими пользоваться, а в следующей статье Вы узнаете, как сделать узор для Фотошопа самому и как установить готовые узоры в Фотошоп.

Эти знания помогут Вам научиться использовать в своей работе приемы узорной заливки, наложения узора в стилях стоя и рисования с использованием инструмента «Узорный штамп».

Ну что ж, приступим.

Читать полностью

Комментарии отключены

Делаем кнопку для меню сайта в стиле хай-тек

Делаем кнопку для сайта

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

Вот, что должно у нас получиться.

Читать полностью

2

Введение в HTML

HTML

Сегодня интернет пестрит призывами о том, что сейчас можно сделать сайт самому, не вникая в дебри HTML-кодов, css-стилей, php, mySQL и вообще ничего не зная.

Спешу Вас огорчить — это немного не так. Не зная основ HTML и css, Вы не сможете сделать более-менее качественный сайт.

Поэтому, если Вы решили делать себе (или не себе) сайт, то никуда Вы от HTML не денетесь. Хотя бы основы Вам все-таки придется изучить. Иначе, Вы просто не сможете эффективно справляться с возникающими в процессе разработки сайта трудностями.

Я уже давно хотел написать эту статью, но все как-то не доходили руки. Сейчас я понял, что тянуть дальше уже некуда, ибо все сайтостроение упирается в эту тему.

Поэтому пристегнитесь привязными ремнями приготовьтесь — мы начинаем изучение HTML.

Читать полностью

Комментарии отключены

Плагин Firebug — как пользоваться firebug при создании сайта

Firebug

Большинство начинающих веб-мастеров не делают различий между браузерами. Да и действительно, есть ли какая-нибудь принципиальная разница? Ответ напрашивается сам собой. Разницы быть не должно, ведь Ваш сайт должен одинаково смотреться в любом браузере.

Однако разница есть. И в первую очередь она касается именно веб-мастеров. Потому что при создании и отладке html-кода и css стилей удобнее использовать тот браузер, который сам будет Вам помогать в этом.

А точнее не сам браузер, а дополнение к нему.

Итак, встречайте, сегодня я Вам расскажу о таком незаменимом плагине для Mozilla Firefox, как Firebug.

Читать полностью

Комментарии отключены