Home-theater-designers
ЦСС припада јединственој класи језика, познатој као језици стилских језика. Углавном се користи за дефинисање презентације ваше веб странице. Иако вам ХТМЛ омогућава да наведете како би ваша страница требала бити структурирана, ЦСС се користи за његово обликовање. У супротном ћете завршити са прилично непривлачном веб локацијом.
Фокусирање на ЦСС један је од бољих начина да побољшате привлачност ваше веб локације, посебно када је у питању побољшање вашег корисничког искуства. На овај начин можете повећати и промет. За почетак, можете користити сложен образац.
Шта је наслагани образац?
Наслагани образац вам омогућава да креирате специјализовани образац у који можете поставити своје налепнице и уносе једно на друго, уместо да их постављате у хоризонтални узорак.
Ево како то можете учинити.
Кодирајте ХТМЛ
Користите ХТМЛ елемент, , за обраду ваших података. Додајте ознаке за релевантна поља и доделите одговарајућа поља за унос. У овом примеру тражимо од корисника да наведу своје пуно име и адресу е -поште са типом уноса обрасца текст , док се падајући мени креира путем изаберите ид да им помогне да изаберу своју делатност.
What Is a Stacked Form?
Here's how you create a stacked form.
Full Name
Email Address
Department
Information Technology
Customer Support
Sales
Међутим, покретање овог дела кода ће произвести само благи облик без вертикалног слагања поља. И ту ћете морати да додате ЦСС.
критични процес виндовс 10 је умро при покретању
Кодирајте ЦСС део
Сада, креирајте засебну листу стилова и додајте је у свој ХТМЛ пре ознаке тела:
Затим изаберите тело ХТМЛ -а, врсте уноса и контејнер и стилизујте их кроз ЦСС. Ово ће укључивати експериментисање са различитим ЦСС својствима, као што су породица фонтова, ширина, паддинг, маргин, дисплаи, бордер итд, и додати жељене вредности. На овај начин ћете добити сложен образац који одговара вашим тачним преференцијама. Ево примера.
body {
font-family: Calibri;
}
input[type=text], select {
width: 25%;
padding: 12px 20px;
margin: 8px 10;
display: list-item;
border: 4px double #39A9DB;
border-radius: 8px;
box-sizing: border-box;
}
input[type=submit] {
width: 25%;
background-color: #F8E2E6;
color: #0000FF;
padding: 12px 18px;
margin: 20px 0;
border: none;
border-radius: 6px;
cursor: pointer;
}
div.container {
border-radius: 10px;
background-color: #39A9DB;
padding: 40px;
}
Проверите излаз испод.
Сада можете да креирате наслагани образац у ЦСС -у
Овим чланком сте научили како да креирате сложени образац у ЦСС -у. С праксом ћете моћи да побољшате своје обрасце и учините своју веб локацију лакшом за коришћење.
како да се решите огласа на Андроид почетном екрану
Назив игре за програмирање је „пракса“. Из дана у дан усавршавајте своје вештине ЦСС -а изложбеним пројектима да бисте постали модеран веб дизајнер и ефикаснији веб програмер.
Објави Објави Твеет Емаил 10 једноставних примера ЦСС кода које можете научити за 10 минутаТреба вам помоћ са ЦСС -ом? Испробајте ове основне примере ЦСС кода за почетак, а затим их примените на своје веб странице.
Прочитајте следеће Повезане теме- Програмирање
- Веб Девелопмент
- ЦСС
Усман је продавач садржаја који је помогао неколико предузећа са органским растом на дигиталним платформама. Воли и програмирање и писање, што значи да је техничко писање нешто у чему много воли. Кад не ради, Усман ужива у гледању ТВ емисија, праћењу крикета и читању о анализи података.
Више од Усмана ГханијаПретплатите се на наш билтен
Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!
Кликните овде да бисте се претплатили