Antarik.com

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

Материалы взяты с сайта http://www.homeenglish.ru/

Сегодня речь пойдет о создании круглых уголков. Теперь верстальщикам не придется прибегать к графической нарезке уголков и перегружать web-страницы скриптами, чтобы создать блоки с закругленными углами. Ура! CSS 3 поддерживает скругление углов и все больше и больше браузеров приветствуют эти новшества. Долой старые стереотипы. Начинаем пользоваться новыми технологиями!

Вот таблица со свойствами css для создания скругления уголков с поддержкой различных браузеров.

Пример:

Радиус скругления можно варьировать, также существует возможность скругления определенного угла элемента.

Смотрите пример:

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

Вот пример:

p.test {
	text-shadow: #6374AB 20px -12px 2px;
}

Рассмотрим пример более подробно:
1. Первый параметр – #6374AB – цвет тени.
2. Второе значение – 20px – смещение тени по горизонтали. Можно с помощью отрицательного значения изменять положение тени по оси Х.
3. Третье значение – -12px – смещение тени по вертикали. В данном случае можно варьировать и задавать отрицательное значение расположения тени по оси Y.
4. Четвертое значение – 2px – размытие тени.

P.S. В браузере Internet Explorer данное свойство не работает.

В этой статье содержится несколько советов по улучшению кода css. В блочной верстке основное – это чистый и понятный html/css. Не будем откладывать в долгий ящик и приступим к делу.

1. CSS шрифт – правильное сокращение.

При записывании свойств шрифта в файл css, вы можете указывать каждое свойство в отдельности (как показано в примере ниже)

font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;

Но вы также можете воспользоваться сокращенной записью:

font: 1em/1.5em bold italic small-caps verdana,serif;

Если вы не укажете какой-либо из параметров, будет срабатывать значение по умолчанию. Например, если не писать bold, тогда срабатывает параметр по умолчанию – normal

2. IE игнорирует !important

Как правило, в зависимости от того, какое свойство CSS указано последним, то и имеет преимущество. Но, если вы используете !important после необходимого свойства, то эта команда CSS будет иметь приоритет. Это работает во всех браузерах, кроме IE.

Примером этого может быть:

margin-top: 3.5em!important;
margin-top: 2em;

Таким образом, верхнее поле будет установлено в 3.5em для всех браузеров, кроме IE, у которого верхнее поле будет равно 2em.

Также не стоит забывать, что псевдоклассы (например, :first-child который является первым дочерним элементом какого-либо другого элемента) для браузера IE также не работают.