Рассмотрим ненумерованный список ul:

 

  • Element 1
  • Element 2
  • Element 3
  • Element 4
  • Element 5
Опубликовано в HTML/CSS

Сделаем красивую табличку, у которой выделяются заголовки колонок, отличаются четные и нечетные строки и изменяется цвет строки при наведении. Для этого будем использовать html и css. Это можно сделать красиво и при этом полезно, если таблица достаточно длинная.

 

Опубликовано в HTML/CSS

Верстальщик - это человек, который превращает картинку в html-страницу. 

 

Когда веб только начал развиваться, дизайна особо не существовало. Да и функционала было не много. Изначально сайты представляли собой набор перелинкованых html-страничек, на которых отражалась основная информация.  Не знаю, было ли тогла понятие css-стилей, но все необходимое оформление легко можно было задать инлайновыми стилями.

 

Опубликовано в HTML/CSS

Приведу несколько правил, которые будут полезными для начинающих верстальщиков. Они относятся в оформлению файла и к его содержанию

 

Опубликовано в HTML/CSS

Идея сброса стилей появилась от того, что разные браузеры задают разные дефолтовые стили элементам. Например, значение margin и padding у списков ul, ol разные, от этого они по-разному будут отображаться в разных браузерах. Смысл создания и использования файла reset.css в том. чтобы обнулить эти дофолтовые отличия, чтобы дальше каждому списку задавать именно те значения, которые нужны по дизайну.

 

Опубликовано в HTML/CSS

Сейчас можно использовать на сайтах красивые кнопочки с градиентами, скругленными углами, иконками. Если для такой кнопочки задан дизайн, то на помощь придут генераторы CSS3 кода. Подробнее об этом можно узнать здесь.

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

Опубликовано в HTML/CSS

Здесь хочу рассмотреть некоторые рекоммендации, которых и сама стараюсь придерживаться. Эта статья является продолжение статьи Полезные советы. Часть 1

 

4. Хочу остановиться на почте и скайпе. Когда в тексте упоминается почтовый ящик или скайп, то желательно сделать это упоминание кликабельным.

 

Опубликовано в HTML/CSS

css3 генераторыСейчас модно использовать в верстке все прелести css3. Точнее, дизайнеры любят рисовать всякие скругления, градиенты и т.д. Известно, что IE подобные прелести не воспринимает. В сети есть множество примеров вариантов создание скругленных углов - они отличаются количеством использованых картинок и количеством кода. Но часто но разным причинам достаточно использования CSS3, т.е. важно корректное отображения сайта в разных браузерах, но можно пожертвовать красивостью его в IE.

 

Ресь именно о таком случае. В данном посте хочу рассказать о CSS3 генераторах кода. Я таким часто пользуюсь.

 

 

 

Мы рассмотрим генераторы для:

  • border-radius
  • background-gradient
  • box-shadow

 

Опубликовано в HTML/CSS

В данную статью соберу основные моменты, с которыми ОЧЕНЬ часто сталкиваюсь.

 

1. Прозрачность.

Я о прозрачности элементов, а не картинок)

 

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/

-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */

-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */

opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */

 

В общем, универсальная штука. Замечаний нету. 

Кстати, по поводу прозрачности картинок - слышала мысль, что сохранение картинок в png-8 полезно для IE 6.

 

Опубликовано в HTML/CSS
< 1 2 3 4 5 6 >
Страница 6 из 6

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов