Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Несколько параметров в css стиле...

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Extazy
Отправлено: 17 Августа, 2014 - 00:09:05
Post Id


Посетитель


Покинул форум
Сообщений всего: 490
Дата рег-ции: Янв. 2010  


Помог: 0 раз(а)
Ув. гуру!
CODE (html):
скопировать код в буфер обмена
  1. border: 1px solid #000;
  2. background: none repeat scroll 0 0 #6B0000;
  3. background:url("../1.png") no-repeat 100% -90px;


Подскажите по какому правилу выписываются более 1 параметра для стиля? В каком разделе справочника по CSS почитать об этом?
То есть я сам могу без проблем написать чтото типа:
CODE (html):
скопировать код в буфер обмена
  1. border-width: 1px;
  2.   border-color: #000;
  3.   border-style: solid

но я не понимаю по какому принципу все 3 строки укорачиваются в одну?
CODE (html):
скопировать код в буфер обмена
  1. border: 1px solid #000;


Или все параметры border- и то что идёт после ТИРЕ можно записать в одну строку?
 
 Top
DelphinPRO
Отправлено: 17 Августа, 2014 - 01:29:23
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
У каждого свойства есть строго заданный формат. Подробности читайте на htmlbook.ru в разделе "Справочник CSS"


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Extazy
Отправлено: 18 Августа, 2014 - 00:41:04
Post Id


Посетитель


Покинул форум
Сообщений всего: 490
Дата рег-ции: Янв. 2010  


Помог: 0 раз(а)
синтаксис background:
Цитата:
background: [background-attachment || background-color || background-image
|| background-position || background-repeat] | inherit


и разве этому синтаксису соответствуют эти 2 записи, которые я нашёл в интернете?
Цитата:
background: none repeat scroll 0 0 #6B0000;
background:url("../1.png") no-repeat 100% -90px;


что такое 100%? что такое -90px?
 
 Top
DelphinPRO
Отправлено: 18 Августа, 2014 - 11:42:30
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
В некоторых сокращенных свойствах порядок следования параметров не имеет значения (когда параметры разного типа)

CODE (css):
скопировать код в буфер обмена
  1. background: none repeat scroll 0 0 #6B0000;

раскладывается так:
CODE (css):
скопировать код в буфер обмена
  1. background-image     : none;
  2. background-repeat    : repeat;
  3. background-attachment: scroll;
  4. background-position  : 0 0;
  5. background-color     :  #6B0000


CODE (css):
скопировать код в буфер обмена
  1. background:url("../1.png") no-repeat 100% -90px;

раскладывается так:
CODE (css):
скопировать код в буфер обмена
  1. background-image     : url("../1.png");
  2. background-repeat    : no-repeat;
  3. background-attachment: scroll; /* по умолчанию */
  4. background-position  : 100% -90px;
  5. background-color     : transparent; /* по умолчанию */


есть еще такое (в новых браузерах)
CODE (css):
скопировать код в буфер обмена
  1. background:url("../1.png") no-repeat 100% -90px / 100% 50%;

раскладывается так:
CODE (css):
скопировать код в буфер обмена
  1. background-image     : url("../1.png");
  2. background-repeat    : no-repeat;
  3. background-attachment: scroll; /* по умолчанию */
  4. background-position  : 100% -90px;
  5. background-color     : transparent; /* по умолчанию */
  6. background-size      : 100% 50%;


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


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Extazy
Отправлено: 18 Августа, 2014 - 11:48:26
Post Id


Посетитель


Покинул форум
Сообщений всего: 490
Дата рег-ции: Янв. 2010  


Помог: 0 раз(а)
Спасибо! Теперь более понятно. Буду привыкать к укороченной записи параметров.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB