Каскадно свързване Style Sheets

CSS. Стил Каскадно свързване листове. Защо са ли това име?

Това е настойнически за това как част от CSS Cascading работи, и как да работим с много упражнения.

Основното нещо е да запомните основните козове правило. Всички новоприети определени свойства заличи всички предварително определени свойства. Пример:

  P (цвят: червено;) 
  P (цвят: синьо;) 

Като тези две изявления в интерфейс в крайна сметка ще доведе до <p> маркер със синьо текст. Запаметяването на този основен принцип на "върху" ще пазят ли по правилния път. Here'sa реалния свят пример за това:

 CSS: 

  . class1 (размер на шрифта: 12px; цвят: # 00ccff; шрифта тегло: смели) 

  . CLASS2 (цвят: # 800080; текстово-украса: подчертават) 

 HTML: 
   <span клас = "class1"> Нещо като това би било добре да <span клас = "class2"> подчертая </ педя> 
  значение в изречението </ педя> 

И HERES как изглежда: Нещо като това би било добре да се подчертае значението на присъда

Не prettiest търся нещо на света, но той свири цяла точка. На шрифта, размера и теглото на шрифта остава постоянна. Цветът е презаписана, когато "CLASS2" таг се изпълнява, а новите подчертават имот е добавена също.

Сега един пример за използване на множество класове, в един маркер. За простота, ще използват същите марки.

 HTML: 

  <p> Този път, ще се използва стандартен шрифт, а вместо това искам да подчертая 
  <span стил = "class1 class2"> този момент </ педя> и <span стил = "class2 class1"> 
  тази точка </ педя> също. </ P> 

Ето как изглежда: Този път, ще се използва стандартен шрифт, а вместо това искам да подчертая тази точка и тази точка по добре.

Забележите, че разликата, и помнете основните козове правило. Единственият подобен имот в двете категории е цветен, така че това коя е последната изброените е този, които ще бъдат показани.

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

Спънат го!

Мнение

Този пост беше публикуван в събота, 22-ри декември 2007 година и се намира в CSS, дизайн. Има 75 мнения

Tags: CSS, оформление, съвети

Коментари на емисията. | Оставете коментар | Trackback раздяла.

Предишна Пост: Google андроид Телефон живо! »
Следващ пост: Блог Rush »

Най-гледани постове