CSS урок

Навигационно меню

Персонализирани връзки

Информация за потребителя

Вие сте тук » Sacrament of Wilderness » Библиотека » CSS Урок

Публикации 1 страница 13 от 13

Споделяне1 2009-05-01 15:29:20

  • Автор: Скимитъп Гарагин
  • На скутер, с проститутка
  • Регистриран: 2008-09-14
  • Публикации: 13011
  • Респект: +341
  • Положително: +144
  • Пол Мъж
  • ICQ: 421587569
  • Заглавие: Ghoul без кон
  • Предупреждения: &#8224
  • Прекарано във форума: 1 месец 27 дни
  • Последно посещение: 2016-06-04 09:49:50

Елемент едно. Основи

CSS означава Cascading Style Sheets или Cascading Style Sheets. Както при HTML кодирането, CSS таблиците са предназначени да контролират външния вид на уеб страниците, но всъщност задачите и възможностите на CSS са много по-широки, те могат да контролират дисплея не само на визуални устройства, но и например синтезатори на реч, но досега нито един от популярните браузъри не поддържа тези свойства. Мисля, че след още няколко години - и Интернет ще се разгърне още по-стръмен. За по-нататъшна продуктивна работа и просто за да можете вие, читателят, грубо казано да разберете какво пиша, трябва да запомните няколко прости точки, които - ще видите! – само след една вечер работа по собствен дизайн, той ще започне да отскача от зъбите ви. *За удобство информацията се дублира в архив на външна памет. Можете да го запишете на вашия компютър като удобен и прост лист за измама. Лично аз записвах всичко на ръка в една тетрадка.

Размери: em – височина на шрифта ex – височина на буквата px - пиксели in - инчове cm - сантиметри mm -милиметри pt - точки % - проценти

Основни параметри:Височина - височина на елемента

Width - ширина на елемента

Граница (рамка) цвят на границата - цвят на границата (уеб стойност) ширина на границата - дебелина на границата (px) стил на границата - стил на контур няма - без граница пунктирана - пунктирана линия (точки) прекъсната - пунктирано тире плътно - единично двойно - двойно жлеб - 3D ефект гребен - 3D ефект на повдигане вмъкване - 3D ефект на вдлъбнатина начало - 3D ефект на изпъкналост на фона граница-отгоре - настройка на горния ръб граница-отдолу - настройка на долния ръб граница-ляво - настройка на левия ръб граница-вдясно - настройка на десния ръб

Цвят (цвят) - цвят на шрифта на елемента (уеб стойност)

Шрифт (font) font-size - размер на шрифта. Може да се зададе в размери, вие можете - чрез увеличаване на стойностите, като използвате метода на научното мушкане: xx-small x-small small medium large x-large xx-large font-style - style normal - standard italic - italic oblique - малко по-малко наклонен от italic<1 3>font-weight - дебелина. Стойности: нормално - стандартно получер - получер

Текст (text) text-align - подравняване на текст вътре в елемента. ляво - ляво дясно - дясно център - център оправяне - обравняване текст-украса - украса на текст подчертано - подчертано надчертано - горе долно няма - няма мига - мига

Дисплей – показване на елемент. Стойности: няма - липсва блокира - в рамка list-item - елемент като част от списъка, маркерът е присвоен inline - показване на елемента в един ред

Подложка -линия за подложка на родителския обект padding-top - подложка отгоре padding-bottom - подложка отдолу padding-left - подложка отляво padding-right - подложка отдясно.

Margin - маржин линия на дъщерния обект. margin-top - горно поле margin-bottom - долно поле margin-left - ляво поле margin-right - поле дясно

Vertical-align - вертикално подравняване на елемента отгоре - отгоре отдолу - отдолу среда - от средата

Принцип на кодиране:

селектор свойство1: стойност1; свойство2: стойност2; свойство3: стойност3; свойство4: стойност4; >

Общият код (Структури - около 26 WORD страници, Цветове - малко по-малко) е написан в няколко раздела. Те имат имена, състоящи се от латинска буква и сериен номер: A3, A4, C1, D2 и т.н. Всеки раздел започва със заглавие като това /* A4 Float изчистване и скрити елементи -----------------------------------------------------------------*/ И продължава до заглавието на следващия раздел. Всеки раздел контролира някои опции за дизайн. Това може да бъде шрифт, рамки, позиции на различни елементи на форума ... По-долу ще се спрем на основните раздели по-подробно. Засега трябва ясно да разграничите къде е един раздел и къде да търсите друг. Много по-лесно е и не е толкова страшно, колкото изглежда на пръв поглед, уверявам ви.