Зарабатывайте деньги на блоге о вещах, вы любите

Каскадные таблицы стилей

CSS. Каскадных стилей. Почему они, что называется?

Это учебник о том, как каскадное части CSS работает, и как работать с несколькими классами.

Главное, помнить, является основной козырь правила. Любые новые определить свойства переписать какие-либо заранее определенных свойств. Пример: 

  P (цвет: красный;) 
  P (цвет: синий;)

После этих двух заявлений в таблицу стилей, в конечном счете, приведет к <p> метка с Голубое текст. Вспоминая этот основополагающий принцип "перезаписи" будет держать Вас на правильном пути. Вот реальном мире примером этого: 

 CSS: 
  . Class1 (размер шрифта: 12px; цвет: # 00ccff; начертание шрифта: жирный) 
  . класса 2 (цвет: # 800080; текст-отделка: подчеркнуть) 
 HTML: 
   <span класс = "class1"> Нечто подобное было бы хорошо <span класс = "class2"> подчеркнуть </ SPAN> 
  значение в предложении </ SPAN>

И Вот как она смотрит: Нечто подобное было бы хорошо подчеркнуть важное значение в предложении

Не красивых перспективных вещь в мире, но он становится точкой в поперечнике. Шрифт и размер шрифта вес остается неизменным. Цвет перезаписывается, когда "класса 2" метки осуществляется, и новая подчеркнуть собственности добавил, как хорошо.

Теперь пример использования нескольких классов в одной метки. Для простоты мы будем использовать те же теги. 

 HTML: 

  <p> этот раз, мы используем стандартные шрифты, а вместо этого хочу подчеркнуть, 
  <span стиль = "class1 class2"> данный момент </ SPAN> и <span стиль = "class2 class1"> 
  эта точка </ SPAN> а. </ P>

Вот как это выглядит: Это время мы используем стандартные шрифты, а вместо этого хочу подчеркнуть этот момент, и этот момент тоже.

Обратите внимание на разницу, и помнить основные правила козырь. Единственное аналогичное имущество в обоих классах, является цвет, так что какая из последних перечисленных является то, которое будет показано на рисунке.

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

Оценить это:
2,9
Он споткнется!

Пост Инфо

Эта запись была размещена на субботу, 22 декабрь 2007 и подается в соответствии с CSS, дизайн. Она имеет 75 просмотров

Метки:

Комментарии канал. | Оставить комментарий | Оставить Trackback.



Предыдущая должность: компании Google Android Телефон Live! »
Следующий пост: Блог Rush »
Самые популярные должностей


    Оставить Ответить

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