1) Edit -> Color settings -> Working settings установите как Monitor RGB
(Редактирование -> Настройки цвета -> Рабочее пространство )
2) Для каждого документа, с которым вы работаете Edit -> Assign profile -> Выберите Working profile
(Редактирование -> Назначить профиль -> Рабочее пространство )
3) Убедитесь что опция View -> Color Proof выключена
(Просмотр -> Цветопроба )
4) При сохранении файлов используя (Alt+Ctrl+Shift+S) Save for Web & Devices убедитесь что опция Convert to sRGB выключена. Если сохраняется jpeg, то еще нужно выключить Embed Color Profile, если это не фотография а к примеру кнопка.

1) Слишком маленькая высота строки.
2) Параграфы без нижних отступов.
3) Родительский блок без отступов. Очень некрасиво смотрится, когда к примеру текст начинается прямо от левой границы браузера или какого-то блока, с отличным от основного, фоном. Особенно на телефонах это часто заметно, на сайтах или в приложениях.
4) Куча разных шрифтов на сайте. В примере плохо видно, что из этого получается, но лучше этого избегать.
5) Предыдущий параграф ближе к следующему заголовку, чем параграф, который к нему относится.
6) Изображения не имеют отступов.

В каждом вагоне несколько камер. В поезде Минск-Орша, который отправляется в 7.38 всего 4 вагона, стоит всего около 11000, прям как некоторые маршрутки в Минске. Между вогонами можно свободно ходить, некоторые путаются в какой вагон они сели. Большие окна и низкая посадка, удобно входить в вагон, не надо лезть по лестнице.

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

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

Побольше бы таких поездов, в которых бы было приятно и недорого ехать.

Проверить поддерживается ли HTML5 History APi браузером можно с помощью следующих строк. В примере используется jQuery.

<script type="text/javascript">
	jQuery(document).ready(function(){
		var html5history = !!(history.pushState && history.state !== undefined);
		var msg = "не поддерживает";
		if(html5history) msg = "поддерживает";
		jQuery('#html5support').append('Ваш браузер '+msg+' HTML5 history API');
	})
</script>

[attr]

селектор выбирающий элементы по определенному атрибуту.
в IE 5.5, IE6 не работает.
Примеры:

input[type="text"]
p[align=right] {border: 1px solid black;}
p[class~=test] {text-decoration: underline;}

>

селектор выбирающий элементы, которые являются непосредственными детьми предыдущего перед ним элемента. Если какой-то элемент обернут в дополнительный элемент, он уже не будет непосредственным ребенком.
Примеры:

input[type="text"]
p[align=right] {border: 1px solid black;}
p[class~=test] {text-decoration: underline;}

+

селектор выбирает элемент, идущие прямо вслед за некоторым элементом.
плохо поддерживается IE до 9 версии, в ie6 не работает.
Примеры:

pre + p {color: red;}

Будет выбран каждый первый параграф идущие вслед за кодом.

* селектор выбирающий все элементы на странице.
Примеры:

* {padding:0; margin:0;}

.class1.class2

селектор с несколькими классами, работает с глючками в IE6, начиная с IE7 работает хорошо. Выбирает элементы, для которых заданы оба класса.
Примеры:

.class1.class2 {padding:0; margin:0;}

:before и :after

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

/*Вариант с 3мя коробками*/
<style="text/css">
.box1 {padding:5px; margin:5px border:1px solid #ff0000;}
.box2 {padding:5px; margin:5px border:1px solid #00ff00;}
.box3 {padding:5px; margin:5px border:1px solid #0000ff;}
</style>
<div class="box1">
 <div class="box2">
  <div class="box3"></div>
 </div>
</div>
 
/*Вариант с 1ой коробкой*/
<style="text/css">
.oneblock:before {padding:5px; margin:5px border:1px solid #ff0000;}
.oneblock {padding:5px; margin:5px border:1px solid #00ff00;}
.oneblock:after {padding:5px; margin:5px border:1px solid #0000ff;}
</style>
<div class="oneblock"></div>

:hover и :active

селекторы выбирают элемент на на который наведен курсор мыши и элемент на котором нажата кнопка мыши соответственно.
В ie5.5-6 поддерживают эти селекторы только для ссылок, IE7 поддерживает и остальные элементы.
Примеры:

a:hover {text-decoration: overline;}
a:active {font-weight: 600;}

:first-child и :last-child

селекторы выбирают первого ребенка и последнего ребенка соответственно.
Не работает в IE5.5-ор6, IE7 применит стиль только в тем элементам, которые не были добавлены динамически, IE8 не работает с :last-child.
Примеры:

div p:first-child {text-decoration: underline;}
div p:last-child {color: red;}

:first-line и :first-letter

селекторы выбирают первый символ и первую строку соответственно.
Работает от IE5.5+
Примеры:

p:first-letter {text-decoration: underline;}
p:first-line {color: red;}

:focus

селектор выбираeт поле, активированное юзером (поле на котором фокус).
Работает от IE9+
Примеры:

input:focus {
	width: 5em;
	background-color: #6374AB;
}

Сайты по теме – www.quirksmode.org

This post is password protected. To view it please enter your password below:

Password:

Ролик про Walt Disney

Ролик про Mc Donalds