Здравей, как си направил градиента на 2 задача?

здравей,

background: -webkit-radial-gradient(170px 120px, circle,#F9F9F9 0%,#F9F7BB 8%,#F1F6FC 13%,#006EDB 60% );
170px е разтоянието по x(т.е от лево),а 120px разтоянието от горната страна. 
circle е за да е окръжност(може и ellipse). След това имаш ЦВЯТ + стоп позиция за него,която може да е в единици(px) или проценти като 0 е цънтъра на градиента а 100 краят на градиентния лъч.
Погледни   ТУК.

Благодаря :)

Не съм започнал задачата все още, но като гледам според мен това са 3 радио бутона съответно с 3 лейбъла

Ами, да, след като изгледах и следващата лекция разбрах какво е "радио" бутон и че е най-подходящо това да се използва, мерси :)

Да и аз ползвам този сайт, много е удобен. Иначе на ръка няма как да стане никога :D

Много хубави калкулатори сте направили всички. Аз тръгнах малките бутони да ги правя с div-чета, но в крайна сметка ще се върна обратно към първоначалната ми идея да си е втора таблица. Та като го свърша и aз ще го пусна тук, че сега правя следващото домашно :) 

Здрасти,

Това, което аз разбрах да display и position e:

display - опедерля как да се показват/подреждат елементите.

display: none; - елемента за който се прилага и цялото му съдържание няма да се покаже, а ще бъде скрито. Пример за използване е падащо меню.

display: block; - подрежда съдържанието на елемента за който се прилага на редове - всеки поделемент(детето) ще заеме целия ред (цялото пространство хоризонтално) от елемента за който се прилага(родителя);

display: flex; - подрежда съдържанието на елемента за който се прилага на колони - всеки поделемент(детето) ще заеме цялата колона (цялото пространство вертикално) от елемента за който се прилага(родителя);

Ако бъде inline-block или inline-flex, под елемента(детето) няма да заема целия ред съответно колона, а ще заеме място само колкото му е необходимо.

Мисля, че тук при display трябва да се спомене, че поделементите(децата) се позиционират вътре в парента с justify-content за хоризонтално и align-content за вертикално позициониране. Макар, че align нещо все се бъгва и аз използвам падинг и маргин.

position - позволява да определим къде да се покаже определен елемент.

position: relative; - елемента ще се покаже там къде ще се покаже по дефолт.  Доколто ми стана ясно, случай за употреба та на релатив е когато искаме да позиционираме поделементите(децата) спрямо родителя. Пример пак е падащо меню, заглавието е с position: relative;, което ни позволява да позиционираме падащата част спрямо заглавието...

position: absolute; - позволява ни да зададем точни координато къде да се покаже елемента съответно чрез top: XXPx; и left: XXPx; ... примерно ако падащата част на падащото меню е с абсолютна позиция с top: 100%; и left: 0; то, то ще се долепи точно под заглавието. 

Има и други пропъртита, но стана много дълъг пост, а и на мен не са на 100% ясни.

Незнам как да ти се отблагодаря... Благодаря ти за бързата реакция и отделеното време :)