Рейтинг:  3 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда не активнаЗвезда не активна
 

Несколько советов по css.

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

Вот несколько советов:

Цвета в шестнадцатиричном значении можно сокращать вот так:

#000000  #000
#FFFFFF   #FFF
#333333  #333


Координаты c нулями:

Вместо top: 0px; можно так top:0;


Если у класса два или меньше свойства:

h1{
color: red;}

Лучше так

h1{color:red:}


В конце последнего свойства можно не писать точку с запятой:

p{
color:red;
font-size:18px}


Одинаковые стили можно группировать:

.primer1{
color: red;
font-size:14px}

.primer2{
color: red;
font-size:14px}

Вот так:

.primer1,.primer2{
color:red;
font-size:14px}


Так же сокращённые записи свойств:

BACKGROUND

BODY {
background-color:#ffee8c ;
background-image : url(smile.png) ;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right}

BODY {background: #ffee8c url('smile.png') no-repeat fixed top right }

 

BORDER

h1 {
border-width:30px;
border-style:solid;
border-color:#000;}

h1 {border:30px solid #000}

И так далее, сокращённые формы были на уроках.


Или свойства сторон рамок:

border-top:10px;
border-right:15px;
border-bottom:10px;
border-left:15px

Задаётся ПО ЧАСОВОЙ СТРЕЛКЕ начиная с 12.00

border:10px 15px 10px 15px;

Если значения право/лево , или верх/низ совпадают,можно ещё больше сократить:

border:10px 15px;

В данном случае, первое значение, это величина верх/низ, а второе - лево/право.

Желаю успехов в изучении!!!

На главную

Вернуться в Начало

Хотите быстро изучить HTML и CSS?
Тогда вам сюда >>

X

Инструкция по планированию сайта
С чего начать создание сайта?

Инструкция по созданию сайта

  • Инструкция по созданию сайта
  • Шаблон для составления плана сайта
  • Чек-лист по этапам создания сайта

* Никакого спама. Гарантирую!