Blog Seo Grot

Меню для навигации между страницами

Надеюсь в скором времени сменить дизайн своего блога, на днях столкнулся с вопросом: “Как организовать навигацию между страницами сайта?” Для Wordpress есть хороший плагин – WP Page Numbers, но говорить сегодня мы будем не о нём. Я хочу рассказать о том, как при помощи CSS, можно сделать красивое навигационное меню для перехода между страницами сайта.

Итак, начнём…
(далее…)

Создаём закругленные углы с помощью CSS

Есть множество способов закруглить углы на web-странице. Сегодня приведу пример, на мой взгляд, одного из наиболее простых вариантов создания эффекта закруглённых углов. Никаких Java-скриптов и картинок использовать не буду, только html и css. Единственный недостаток этого метода – использование пустых тегов.

Я использовал четыре пустых тега <span>, для создания эффекта закругления углов верхней границы блока и четыре для нижней границы, а также один блочный элемент <div> – он будет основой блока.
(далее…)

Вертикальное выпадающее меню на CSS

Сегодня я приведу пример создания вертикального выпадающего меню оформленного с помощью CSS. Постараюсь задействовать как можно больше свойств css, чтобы наглядно показать, как можно оформить созданное меню. Меню будет полностью оформлено с использованием Каскадных таблиц стилей. Единственно, что пришлось сделать с помощью JavaScript, это эффект выпадающего меню для Internet Explorer, т.к одно из нужных свойств он всё таки не поддерживает.

Для начала нужно построить структуру нашего меню. Она будет состоять из ненумерованного базового списка включающего в себя списки-подменю. (далее…)

Синтаксис и принципы работы CSS

В CSS имеется свой строго определенный синтаксис, в соответствии с которым создаются таблицы стилей.

В общем виде синтаксис CSS выглядит так:

selector – селектор, указывает к какому HTML-тегу будет применяться свойство;
property – свойство, применяемое к селектору. Например, цвет шрифта (“color”).
value – значение применяемого свойства. Например, для красного цвета шрифта (“red”).

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

С помощью CSS этого же эффекта можно достичь вот так:

(далее…)

Вёрстка сайта: Что такое CSS?

На данный момент мои знания в области вёрстки сайтов находятся на среднем уровне. Решил их улучшить до профессионального и закрепить полученные навыки путём изменения дизайна своего блога.

Сегодня поговорим о том, что такое CSS и в чём его отличие от HTML.

CSS (Cascading Style Sheets) – в переводе на русский Каскадные таблицы стилей. Используется для оформления внешнего вида веб-страниц.

Чем отличается CSS от HTML?

Изначально HTML использовался только для разметки содержимого веб-страниц. С помощью него можно было указать, где в тексте таблица, список или картинка. Эта информация интерпретировалась браузером и отображалась в удобной для человека форме.
(далее…)