Списък с CSS кодове и тяхното значение и възможности

Изображение
Отговори
Потребителски аватар
Виденов.
Потребител
Потребител
Мнения: 186
Регистриран: 14 апр 2016 17:52
CS Nick: HAIL HITLER
Настроение: IDK nigga
Месторабота: Продавам банички :Д

18 апр 2016 17:39

Здравейте сега ще ви покажа някои CSS кодове,които знам.Ако има код,който съм пропуснал пишете като коментар и ще го добавя в темата(избягвайте излишния спам).

1.color - Цвят на текста - Едно от 16-те имена на цветовете, дефинирани в HTML 4.0: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
Цвят в RGB формат: color:rgb (R,G,B) Пример: color:blue
color:rgb(255,255,255)
color:rgb(0,0,0)
2.background-color - Цвят на фона - Едно от 16-те имена на цветовете, дефинирани в HTML 4.0: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
Цвят в RGB формат: color:rgb (R,G,B) Пример: background-color:black
3.text-align - Подравняване на текста - left, right, center, justify Пример: text-align:center
4.font-style - Стил на шрифт - normal, italic, oblique Пример: font-style:italic
5.font-weight - Дебелина на текста - normal, lighter, bold, bolder Пример: font-weight:bold
6.font-size - Размер на текста - Стойности в пиксели, ем, процент или име: large, small, x-small, x-large Пример: font-size:110 %
font-size:0.8em
font-size:20px
font-size:x-large
7.font-family - Шрифт - serif, sans-serif, cursive, fantasy, monospace, Arial, Courier, "Times New Roman" Пример: font-family:sans-serif
font-family:"Times New Roman"
8.list-style-type - Водещ знак пред ред на списък - decimal, upper-alpha, lower-alpha, upper-roman, lower-rman Пример: list-style-type:square
list-style-type:lower-roman
9.width - Ширина на елемент (напр.таблица) Процент от ширината на страницата - width Пример: width:50%
10.border - Рамка на таблица дебелина в пиксели и тип на рамката - solid, dotted, dashed, double, groove Пример: border:3px solid
11.margin - Разстояние от всички страни на елемента - auto Пример: margin:auto
12.margin-left - Разстояние от лявата страна на елемента стойности в ем - пример: margin-left:1em Пример: margin-left:1em
13.margin-right - Разстояние от дясната страна на елемента стойности в ем - пример: margin-right:3em Пример: margin-right:1em
14.margin-top - Разстояние от горната страна на елемента стойности в ем - пример: margin-top:5em Пример: margin-top:3em
15.margin-bottom - Разстояние от долната страна на елемента стойности в ем - пример: margin-bottom:2em Пример: margin-bottom:5em
16.border-collapse - Вид рамка на таблица - collapse Пример: border-collapse:collapse
17.link - Псевдокласове на елементна котва - a:link - пример: а:link{color:black} Пример: a:link{color:black}
18.visited - a:visited
19.hover - a:hover
20.active - a:active
21.float - Относително местоположение на страницата - left, right Пример: float:left;
22.clear - Забрана за заобикаляне на елементи отляво или отдясно - left, right, both Пример: clear:both

Мерси за вниманието,дано съм ви помогнал.
"Българио, за тебе те умряха,една бе ти достойна зарад тях,и те за теб достойни, майко, бяха.И твойто име само кат мълвяха,умираха без страх." Събуди се Българио



Let Your Pain Be Your Fuel
Потребителски аватар
The Smartass
Супер потребител
Супер потребител
Мнения: 280
Регистриран: 16 юни 2013 19:03
CS Nick: The Mad Scientist
Контакти:

29 апр 2016 16:49

Не е зле, основните ги има. Хубаво ще е, ако добавиш и други, по-полезни, като

Код: Избери всички

transofrm:
transition:
Заедно с това как да са съвместими с различни браузъри:

Код: Избери всички

-webkit-transform:
-o-transform:
-moz-transform:
-ms-transform:
И съответно :

Код: Избери всички

-webkit-transition:
-o-transition:
-moz-transition:
-ms-transition:
Няма да е лошо да добавиш и други полезни, като :

Код: Избери всички

border-radius:
box-shadow:
П.С. : Не съм Front-end developer, понеже не ме привлича, но ако не се лъжа в CSS, това не са кодове, а свойства. (Просто казвам.)
https://github.com/TheMadScientisttt/CPP_SDL2.0" onclick="window.open(this.href);return false;
Отговори

Върни се в “CSS”