ЦСС (шифре) - увод
Каскадне таблице стилова, познате и као ЦСС, језик стилског листа користи се за описивање презентације документа написаног на означном језику као што је ХТМЛ. У основи поједностављује процес презентације веб страница. Он управља изгледом и изгледом веб странице и користи се за контролу карактеристика веб странице попут боје текста, стила фонтова, размака између одломака, поравнања ступаца, позадинских слика и боја и разних других ефеката . Предности ЦСС цхеат листа су да штеди време, брже учитавање страница, једноставно одржавање, супериорни стилови, компатибилност више уређаја и глобални веб стандарди.
Команде и садржај на шифрираном ЦСС листу
Основна синтакса
Основна синтакса ЦСС цхеат схеет-а састоји се од компонената за одабир и декларацију. Компонента селектора одређује ХТМЛ елемент који треба стилизовати. Компонента декларације садржи два или више својстава и њихове спецификације раздвојене зарезима. Компонента декларације се увијек покреће и завршава коврчавим наборима.
Испод су наведене ЦСС наредбе Цхеатсхеет које изводе различите врсте операција:
| Спецификација | Команда |
| Боје | Боје су одређене помоћу унапред дефинисаних имена боја или РГБ, ХЕКС, ХСЛ, РГБА, ХСЛА вредности. |
| Позадине | Боја позадине елемента је одређена својством боје позадине |
| Границе |
|
| Марже | Својство Маргин поставља својства маргина у једној декларацији. |
| Паддинг | Својство за подешавање својстава облога у једној декларацији је облагање. |
| Висина Ширина | Својства висине и ширине користе се за одређивање висине и ширине елемента. |
| Скица | Својство обриса у облику обриса одређује врсту обриса за елемент. |
| Текст | Својство боје користи се за подешавање боје текста. |
| Фонтови | Својство породице фонтова користи се за подешавање фонта одабраног текста. |
| Везе | Својство украшавања текста користи се за уклањање подвлачења са веза, а својство боје позадине може се користити за одређивање боје позадине веза. |
| Листе | Својство стила листе поставља својство листе у једној декларацији. Слика-стиле-лист одређује слику као маркер ставке листе. Положај стила листе одређује положај маркера ставке листе. Врста стила листе одређује тип маркера ставке листе. |
| Столови | Граница поставља сва својства границе у једној декларацији. Граница-колапс одређује да ли граница треба бити урушена или не. Размак између граница и размак између суседних ћелија. На страни описа налази се наслов титла. Изглед табеле поставља алгоритам за распоред табеле. |
| Приказ | Својство екрана одређује да ли је елемент приказан и како се приказује. |
| Макс. Ширина | У процесу одређивања ширине блоковског елемента, коришћење мак-ширине побољшаће руковање малих прозора у прегледачу. |
| Положај | Својство положаја одређује положај елемента. |
| Оверфлов | Својство оверфлова контролише текст који је превелик да би се уклопио у неко подручје. |
| Пловак | Својство флоат одређује како елемент треба да плута. |
Бесплатни савети и трикови за коришћење ЦСС наредби са варалицама:
Следећи су основни трикови ЦСС-а са варалицама.
- Бок-Модел: ЦСС Бок-Модел је у основи оквир који се обавија око сваког ХТМЛ елемента. Састоји се од маргина, обруба, подметача и садржаја.
- Псеудо-класа: користи се за дефинисање одређеног стања елемената које укључује другачије обликовање елемента када корисник прелази преко њега, стил посећених и невиђених веза и стил елемената који су у фокусу.
- Псеудо-елемент: користи се за стил дела елемента као што су прво слово, реч или линија. Такође помаже у уметању садржаја пре и после садржаја елемента.
- Вертикална висина екрана: Овим се одређује у којој мери садржај треба да заузима екран.
- Стилске телефонске везе: Одређује својства веза које се отварају као телефонски бројеви на телефону.
- Навигационе траке: За веб страницу је важно да има добру навигацију. ЦСС трансформише досадне ХТМЛ меније у добро изгледајуће навигационе траке.
Закључак
ЦхеС схеет ЦСС као алат за изградњу веб страница је врло ефикасан. Пошто су могућности за бољу презентацију веб локације и додавање корисних функција више с ЦСС-ом, много је пожељније.
Препоручени чланци
Ово је водич за Цхеат схеет ЦСС, овде смо расправљали о садржају и команди, као и о бесплатним саветима и триковима Цхеат схеет ЦСС-а. Такође можете погледати следећи чланак да бисте сазнали више -
- Цхеат Схеет СКЛ
- Најчешћа питања о ЦСС интервјуу
- ЦСС вс ЦСС3 разлике
- ЦСС3 Интервју питања и одговори
- Занимљив цхеатс лист за УНИКС
- Цхеат Схеет ЈаваСцрипт: Фунцтионс