tag:blogger.com,1999:blog-49943426813429364252024-03-27T23:59:20.448-07:00Блог на Ани ХаджийскаUnknownnoreply@blogger.comBlogger622125tag:blogger.com,1999:blog-4994342681342936425.post-18595149618637978102024-03-26T13:26:00.000-07:002024-03-27T23:58:46.363-07:00Текущ контрол<p><span style="font-size: large;"><b><i> 1 задача:</i></b></span></p><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;"><b><i><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8v1QLbRr-5m_UXGt9pO3qkalMtnxP5aYwz_RnTnPbHxTw7sEHdpvgRFYtK9JUOrVC4cQB6CM1NseJsgjuWV9M9N9N3gX_dkRDxEYYDtVOgdCKHWpFHJsoJJDJxYJUaWcKTzKtYzOuhUmmiWZP3rhc-JmiaeByMwnYXxP0gTiTdhjLWHbaAAnO3TTcd04/s1037/9%D0%BA%D0%BB%D0%B0%D1%81%201.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="322" data-original-width="1037" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8v1QLbRr-5m_UXGt9pO3qkalMtnxP5aYwz_RnTnPbHxTw7sEHdpvgRFYtK9JUOrVC4cQB6CM1NseJsgjuWV9M9N9N3gX_dkRDxEYYDtVOgdCKHWpFHJsoJJDJxYJUaWcKTzKtYzOuhUmmiWZP3rhc-JmiaeByMwnYXxP0gTiTdhjLWHbaAAnO3TTcd04/w640-h198/9%D0%BA%D0%BB%D0%B0%D1%81%201.png" width="640" /></a></i></b></span></div><span style="font-size: large;"><b><i><br /></i></b></span><p></p><p><span style="font-size: large;"><b><i><br /></i></b></span></p><p><span style="font-size: large;"><b><i>2 задача:</i></b></span></p><p><span style="background-color: #6fa8dc; color: #274e13; font-size: large;"><a href="https://dox.abv.bg/download?id=e640f9541b# -> линк за сваляне" target="_blank">Изтегли файла...</a></span><br /></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-84819235151988862152024-03-24T12:49:00.000-07:002024-03-24T12:50:02.479-07:00Упражнение<p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6oibGNJV2-eXjz8ZlWazSulw5xJ1xYphJ0EywPXbI0DWoBPQICP0q8m-9n9rL0fUVf_jiBi23YNFUmMvljmYm1SVBbHCu-9Y_6JSdGkanFibsBnO9NPGPYwrkORcJ-yXMEDF_o_JyLuuEP0IcwhIUHCHaINro64rsT3mH2CidNTPb_bRgJsCqdzg6OU8/s714/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="714" data-original-width="498" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6oibGNJV2-eXjz8ZlWazSulw5xJ1xYphJ0EywPXbI0DWoBPQICP0q8m-9n9rL0fUVf_jiBi23YNFUmMvljmYm1SVBbHCu-9Y_6JSdGkanFibsBnO9NPGPYwrkORcJ-yXMEDF_o_JyLuuEP0IcwhIUHCHaINro64rsT3mH2CidNTPb_bRgJsCqdzg6OU8/s320/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B54.png" width="223" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWqSbmzOBRfKxqOVXYM5ky6YpnD8Uzak8GCzwubFH_Hhk0n5xr0ce1-aSxo5ajhyphenhyphen4_GE_tJkDW1S32qAjN4aoZXRCPVz-P_bJ1HqAsFRzU5MWnMVIXlfqynaS2-vMafzlTKuNgz3w73RJlTWIiC5IDZRSLgHikwRi48Suf393Aemic_ibbYv5BseY5WSg/s1000/%D0%B1%D0%B0%D0%B1%D0%B0%D0%B4%D1%8F%D0%B4%D0%BE1_d9ed4ea2ac68102cc32e6f909c3524ad.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="860" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWqSbmzOBRfKxqOVXYM5ky6YpnD8Uzak8GCzwubFH_Hhk0n5xr0ce1-aSxo5ajhyphenhyphen4_GE_tJkDW1S32qAjN4aoZXRCPVz-P_bJ1HqAsFRzU5MWnMVIXlfqynaS2-vMafzlTKuNgz3w73RJlTWIiC5IDZRSLgHikwRi48Suf393Aemic_ibbYv5BseY5WSg/s320/%D0%B1%D0%B0%D0%B1%D0%B0%D0%B4%D1%8F%D0%B4%D0%BE1_d9ed4ea2ac68102cc32e6f909c3524ad.png" width="275" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hklIilPG7aUIQ5n53x3kxAxBEWYVdUPKo2UDfkATIa-nREmxpnm6XBvbN4N0xrdbVQMdGrTDTQL5w-XgTWV6ioXCIrJ60uCu0UP5VkaYSPYSnJa6J0lXS9R0ptnB3MW1qB5fKu-CLO02G6VqH-AX8wx4bT7oaXYJZMEYqpq0-JzwdTQyVZ82F7c3pok/s878/molba.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="878" data-original-width="693" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hklIilPG7aUIQ5n53x3kxAxBEWYVdUPKo2UDfkATIa-nREmxpnm6XBvbN4N0xrdbVQMdGrTDTQL5w-XgTWV6ioXCIrJ60uCu0UP5VkaYSPYSnJa6J0lXS9R0ptnB3MW1qB5fKu-CLO02G6VqH-AX8wx4bT7oaXYJZMEYqpq0-JzwdTQyVZ82F7c3pok/s320/molba.png" width="253" /></a></div><br /><p></p><br />Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-72102699359130379652024-03-24T12:08:00.000-07:002024-03-25T00:46:22.559-07:00Текущ контрол<p> <b><span style="font-size: large;">1 задача: Въведете и пресметнете:</span></b></p><div class="separator" style="clear: both; text-align: center;"><b><span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAEMu3zrueucNk-q8fHr1I6CqsSitpxTVN8Qflv_9-iVOr9FYb4xNur3c3QOhch7y73zdR4e8P7xuhYUBDup4aF17OxhI9uCQHwmCu8XvVsNFigNqcmaLY12fkJXzocOkH7t4kVQCoGfpuiU75G2gxKx3-qubsG_4n-ie2AKD61MemulxT9ftPgqPsom4/s424/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="424" data-original-width="390" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAEMu3zrueucNk-q8fHr1I6CqsSitpxTVN8Qflv_9-iVOr9FYb4xNur3c3QOhch7y73zdR4e8P7xuhYUBDup4aF17OxhI9uCQHwmCu8XvVsNFigNqcmaLY12fkJXzocOkH7t4kVQCoGfpuiU75G2gxKx3-qubsG_4n-ie2AKD61MemulxT9ftPgqPsom4/s320/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5.png" width="294" /></a></span></b></div><b><span style="font-size: large;">Създайте подходяща диаграма, която да изобразява процентното съотношение. Да има подходящо заглавие, легенда отдясно и етикет с данните. </span></b><p></p><p><b><span style="font-size: large;"><br /></span></b></p><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;"><span style="font-size: large;"><b>2 задача: </b></span><a href="https://dox.abv.bg/download?id=e20d6215a3# -> линк за сваляне" target="_blank"><span style="font-size: large;"><b>изтегли задачата</b></span></a></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9t65RD7Tzfb7z7R7cTmRK1yme0IBf9KSyBr2oZhfqS7OZxew_siNjSEYKGZyUA2VSzOQkb3rHpC2NJkIb0DNx63FzzN6e4gCTNfNOl9681-7OmNuLGYLRCDRqykfFAq8By0d4DIAJF4PF0UkVGhSdJIt37igwIrovhVy_DPDxcXPS0ITfJZ1w2s5o/s987/222.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="701" data-original-width="987" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9t65RD7Tzfb7z7R7cTmRK1yme0IBf9KSyBr2oZhfqS7OZxew_siNjSEYKGZyUA2VSzOQkb3rHpC2NJkIb0DNx63FzzN6e4gCTNfNOl9681-7OmNuLGYLRCDRqykfFAq8By0d4DIAJF4PF0UkVGhSdJIt37igwIrovhVy_DPDxcXPS0ITfJZ1w2s5o/w400-h284/222.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN59wrIszmDTAEUJTQBkCU6ltcqsdcbms2Oq7Fq2JpAPkqMxuYDXeHo2wrtQyuMUZvcmnBoDzoayvHygMmt4aEvK_nfDPqMZmrF59hsdruxqw4Am1QKsCebckG0k_TTpmRpJVZ29pyt9-ZGx6gemQDLf2V6xSYXHptRkBLOlUuyzb_EWW8tz2JX8Iz/s791/333.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="589" data-original-width="791" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN59wrIszmDTAEUJTQBkCU6ltcqsdcbms2Oq7Fq2JpAPkqMxuYDXeHo2wrtQyuMUZvcmnBoDzoayvHygMmt4aEvK_nfDPqMZmrF59hsdruxqw4Am1QKsCebckG0k_TTpmRpJVZ29pyt9-ZGx6gemQDLf2V6xSYXHptRkBLOlUuyzb_EWW8tz2JX8Iz/w400-h297/333.jpg" width="400" /></a></div><div><br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-86928274586271439352024-03-21T13:01:00.000-07:002024-03-21T13:01:52.440-07:00CSS фонове<p> <span style="background-color: white; font-family: Verdana, sans-serif; font-size: 16px;">Свойствата на фона на CSS се използват за добавяне на фонови ефекти за елементи.</span></p><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><div style="background: url("mountain.jpg") rgb(225, 239, 187); border: 1px solid gray; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; padding: 8px; width: 875.828px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">В тези глави ще научите за следните свойства на фона на CSS:</span></p><ul style="box-sizing: inherit;"><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-color</code></li><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-image</code></li><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-repeat</code></li><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-attachment</code></li><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-position</code></li><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background</code><span style="box-sizing: inherit; vertical-align: inherit;"> (съкратено свойство)</span></li></ul></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">1. CSS цвят на фона</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">В </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-color</code><span style="box-sizing: inherit; vertical-align: inherit;">имота определя цвета на фона на елемент.</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Цветът на фона на страницата е зададен по следния начин:</span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> lightblue<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-color_body" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">При CSS цветът най-често се определя от:</span></p><ul style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"><li style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">валидно име на цвят - като "червен"</span></li><li style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">шестнадесетична стойност - като "# ff0000"</span></li><li style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">RGB стойност - като "rgb (255,0,0)"</span></li></ul><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Погледнете </span><a href="https://www.w3schools.com/cssref/css_colors_legal.asp" style="background-color: transparent; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS стойностите</span></a><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"> на </span><a href="https://www.w3schools.com/cssref/css_colors_legal.asp" style="background-color: transparent; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">цвета</span></a><span style="box-sizing: inherit; vertical-align: inherit;"> за пълен списък с възможни стойности на цветовете.</span></span></p><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Други елементи</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Можете да зададете цвета на фона за всякакви HTML елементи:</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Тук елементите <h1>, <p> и <div> ще имат различни цветове на фона: </span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">h1 <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> green<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" />div <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> lightblue<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" />p <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> yellow<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-color_elements" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Непрозрачност / Прозрачност</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">В </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">opacity</code><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">имота определя непрозрачност / прозрачността на даден елемент. </span><span style="box-sizing: inherit; vertical-align: inherit;">Може да приеме стойност от 0,0 - 1,0. </span><span style="box-sizing: inherit; vertical-align: inherit;">Колкото по-ниска е стойността, толкова по-прозрачна е:</span></span></p><div class="w3-cell-row" style="background-color: white; box-sizing: inherit; display: table; font-family: Verdana, sans-serif; font-size: 15px; width: 875px;"><div class="w3-cell w3-mobile w3-center" style="box-sizing: inherit; display: table-cell; text-align: center !important;"><div style="background-color: #4caf50; box-sizing: inherit; opacity: 1; padding: 50px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">непрозрачност 1</span></p></div></div><div class="w3-cell w3-mobile w3-center" style="box-sizing: inherit; display: table-cell; text-align: center !important;"><div style="background-color: #4caf50; box-sizing: inherit; opacity: 0.6; padding: 50px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">непрозрачност 0.6</span></p></div></div><div class="w3-cell w3-mobile w3-center" style="box-sizing: inherit; display: table-cell; text-align: center !important;"><div style="background-color: #4caf50; box-sizing: inherit; opacity: 0.3; padding: 50px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">непрозрачност 0,3</span></p></div></div><div class="w3-cell w3-mobile w3-center" style="box-sizing: inherit; display: table-cell; text-align: center !important;"><div style="background-color: #4caf50; box-sizing: inherit; opacity: 0.1; padding: 50px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">непрозрачност 0,1</span></p></div></div></div><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">div <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> green<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> opacity<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> 0.3<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background_opacity" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><div class="w3-note w3-panel" style="background-color: #ffffcc; border-left: none; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -32px; padding: 16px 32px;"><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; font-weight: bolder;">Забележка:</span><span style="box-sizing: inherit; vertical-align: inherit;"> Когато използвате </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">opacity</code><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">свойството за добавяне на прозрачност към фона на елемент, всички негови дъщерни елементи наследяват същата прозрачност. </span><span style="box-sizing: inherit; vertical-align: inherit;">Това може да направи текста в напълно прозрачен елемент труден за четене.</span></span></p></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Прозрачност с помощта на RGBA</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Ако не искате да приложите непрозрачност към дъщерни елементи, както в нашия пример по-горе, използвайте </span><span style="box-sizing: inherit; font-weight: bolder;">RGBA</span><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"> цветови стойности. </span><span style="box-sizing: inherit; vertical-align: inherit;">Следващият пример задава непрозрачността на цвета на фона, а не на текста:</span></span></p><div class="w3-cell-row" style="background-color: white; box-sizing: inherit; display: table; font-family: Verdana, sans-serif; font-size: 15px; width: 875px;"><div class="w3-cell w3-mobile w3-center" style="box-sizing: inherit; display: table-cell; text-align: center !important;"><div style="background: rgb(76, 175, 80); box-sizing: inherit; padding: 50px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">100% непрозрачност</span></p></div></div><div class="w3-cell w3-mobile w3-center" style="box-sizing: inherit; display: table-cell; text-align: center !important;"><div style="background: rgba(76, 175, 80, 0.6); box-sizing: inherit; padding: 50px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">60% непрозрачност</span></p></div></div><div class="w3-cell w3-mobile w3-center" style="box-sizing: inherit; display: table-cell; text-align: center !important;"><div style="background: rgba(76, 175, 80, 0.3); box-sizing: inherit; padding: 50px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">30% непрозрачност</span></p></div></div><div class="w3-cell w3-mobile w3-center" style="box-sizing: inherit; display: table-cell; text-align: center !important;"><div style="background: rgba(76, 175, 80, 0.1); box-sizing: inherit; padding: 50px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">10% непрозрачност</span></p></div></div></div><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">От нашата </span><a href="https://www.w3schools.com/css/css_colors.asp" style="background-color: transparent; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">глава CSS Colors</span></a><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"> научихте </span><span style="box-sizing: inherit; vertical-align: inherit;">, че можете да използвате RGB като цветова стойност. </span><span style="box-sizing: inherit; vertical-align: inherit;">В допълнение към RGB, можете да използвате RGB стойност на цвета с </span></span><span style="box-sizing: inherit; font-weight: bolder;">алфа</span><span style="box-sizing: inherit; vertical-align: inherit;"> канал (RGB </span><span style="box-sizing: inherit; font-weight: bolder;">A</span><span style="box-sizing: inherit; vertical-align: inherit;"> ) - който определя непрозрачността за цвят.</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Стойността на цвета RGBA е посочена с: rgba (червено, зелено, синьо, </span><em style="box-sizing: inherit;">алфа</em><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"> ). </span><span style="box-sizing: inherit; vertical-align: inherit;">В </span></span><em style="box-sizing: inherit;">алфа</em><span style="box-sizing: inherit; vertical-align: inherit;"> параметър е число между 0.0 (напълно прозрачен) и 1.0 (напълно непрозрачен).</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; font-weight: bolder;">Съвет:</span><span style="box-sizing: inherit; vertical-align: inherit;"> Ще научите повече за RGBA цветове в нашата </span><a href="https://www.w3schools.com/css/css3_colors.asp" style="background-color: transparent; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">глава за CSS цветове</span></a><span style="box-sizing: inherit; vertical-align: inherit;"> .</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">div <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> rgba(0, 128, 0, 0.3) <span class="commentcolor" style="box-sizing: inherit; color: green;">/* Green background with 30% opacity */</span><br style="box-sizing: inherit;" /></span></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background_opacity2" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; font-family: Verdana, sans-serif; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank">Опитайте сами »</a></div></div><div class="w3-clear nextprev" style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"><div><span style="box-sizing: inherit; vertical-align: inherit;"><h2 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">2. CSS фоново изображение</span></span></h2><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">В </span></span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-image</code><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">имота уточнява изображение, което да се използва като фон на елемент.</span></span></p><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">По подразбиране изображението се повтаря, така че обхваща целия елемент.</span></span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Задайте фоновото изображение за страница: </span></span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("paper.gif")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-image" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></span></a></div><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Този пример показва </span></span><span style="box-sizing: inherit; font-weight: bolder;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">лоша комбинация</span></span></span><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"> от текст и фоново изображение. </span><span style="box-sizing: inherit; vertical-align: inherit;">Текстът е трудно четим: </span></span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("bgdesert.jpg")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_bad" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></span></a></div><div class="w3-panel w3-note" style="background-color: #ffffcc; border-left: none; box-sizing: inherit; margin: 24px -32px; padding: 16px 32px;"><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; font-weight: bolder;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Забележка:</span></span></span><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"> Когато използвате фоново изображение, използвайте изображение, което не нарушава текста.</span></span></p></div><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Фоновото изображение може да бъде зададено и за определени елементи, като елемента <p>:</span></span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></span></h3><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">p <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("paper.gif")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><span style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: inherit; white-space: nowrap;"><span style="box-sizing: inherit; vertical-align: inherit;"><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_p" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank">Опитайте сами »</a></span></span></div></span></div><div><h2 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">3. CSS фон-повторение</span></h2><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">По подразбиране </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-image</code><span style="box-sizing: inherit; vertical-align: inherit;">свойството повтаря изображение както хоризонтално, така и вертикално.</span></p><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Някои изображения трябва да се повтарят само хоризонтално или вертикално, или ще изглеждат странно, ето така:</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("gradient_bg.png")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_gradient1" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Ако изображението по-горе се повтаря само хоризонтално ( </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-repeat: repeat-x;</code><span style="box-sizing: inherit; vertical-align: inherit;">), фонът ще изглежда по-добре:</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("gradient_bg.png")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-repeat<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> repeat-x<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_gradient2" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><div class="w3-panel w3-note" style="background-color: #ffffcc; border-left: none; box-sizing: inherit; margin: 24px -32px; padding: 16px 32px;"><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; font-weight: bolder;">Съвет:</span><span style="box-sizing: inherit; vertical-align: inherit;"> За да повторите изображение вертикално, задайте</span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-repeat: repeat-y;</code></p></div><hr style="border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS background-repeat: no-repeat</span></h2><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Показването на фоновото изображение само веднъж също е посочено от </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-repeat</code><span style="box-sizing: inherit; vertical-align: inherit;">свойството:</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Показвайте фоновото изображение само веднъж:</span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("img_tree.png")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-repeat<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> no-repeat<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_norepeat" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">В горния пример фоновото изображение се поставя на същото място като текста. </span><span style="box-sizing: inherit; vertical-align: inherit;">Искаме да променим позицията на изображението, така че да не нарушава твърде много текста.</span></span></p><hr style="border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS фонова позиция</span></h2><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">В </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-position</code><span style="box-sizing: inherit; vertical-align: inherit;">имота се използва за определяне на позицията на фоновото изображение.</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Позиционирайте фоновото изображение в горния десен ъгъл: </span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("img_tree.png")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-repeat<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> no-repeat<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-position<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> right top<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><span style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: inherit; white-space: nowrap;"><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_position" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank">Опитайте сами »</a></span></div></div><div><h2 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">4. CSS прикачен фон</span></h2><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">На </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-attachment</code><span style="box-sizing: inherit; vertical-align: inherit;">уточнява собственост дали фоновото изображение трябва да преминете, или да бъдат фиксирани (няма да превъртите с останалата част от страницата):</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Посочете, че фоновото изображение трябва да бъде фиксирано:</span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("img_tree.png")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-repeat<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> no-repeat<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-position<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> right top<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-attachment<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> fixed<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_attachment" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Посочете, че фоновото изображение трябва да се превърта с останалата част на страницата:</span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("img_tree.png")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-repeat<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> no-repeat<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-position<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> right top<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-attachment<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> scroll<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><span style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: inherit; white-space: nowrap;"><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_attachment2" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank">Опитайте сами »</a></span></div></div><div><div class="w3-row w3-white" style="box-sizing: inherit;"><div class="w3-col l10 m12" id="main" style="border-right: 1px solid rgb(241, 241, 241); box-sizing: inherit; float: left; padding: 16px 32px 32px; transition: margin-left 0.4s ease 0s; width: 940.828px;"><h2 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">5. CSS фон - Стенографско свойство</span></h2><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">За да съкратите кода, също така е възможно да зададете всички свойства на фона в едно единствено свойство. </span><span style="box-sizing: inherit; vertical-align: inherit;">Това се нарича стенографско свойство.</span></span></p><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Вместо да пишете:</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> #ffffff<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-image<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> url("img_tree.png")<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-repeat<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> no-repeat<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> background-position<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> right top<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div></div><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Можете да използвате стенографското свойство </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background</code><span style="box-sizing: inherit; vertical-align: inherit;">:</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Използвайте стенографското свойство, за да зададете свойствата на фона в една декларация:</span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> #ffffff url("img_tree.png") no-repeat right top<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_background_shorthand" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">При използване на стенографското свойство редът на стойностите на свойството е:</span></p><ul style="box-sizing: inherit;"><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-color</code></li><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-image</code></li><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-repeat</code></li><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-attachment</code></li><li style="box-sizing: inherit;"><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">background-position</code></li></ul><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Няма значение дали една от стойностите на свойствата липсва, стига другите да са в този ред. </span><span style="box-sizing: inherit; vertical-align: inherit;">Имайте предвид, че не използваме свойството background-attachment в примерите по-горе, тъй като то няма стойност.</span></span></p><hr style="border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; height: 0px; margin: 20px -16px; overflow: visible;" /><div class="w3-container w3-dark-grey w3-padding" style="background-color: rgb(97, 97, 97) !important; box-sizing: inherit; color: rgb(255, 255, 255) !important; padding: 8px 16px !important;"><h2 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Изпробвайте се с упражнения!</span></h2><div class="w3-bar w3-margin-bottom" style="box-sizing: inherit; margin-bottom: 16px !important; overflow: hidden; width: 843.828px;"><a class="w3-bar-item w3-btn" href="https://www.w3schools.com/css/exercise.asp?filename=exercise_background1" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; float: left; margin: 10px 5px 0px 0px; outline: 0px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap; width: auto;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Упражнение 1 »</span></a><a class="w3-bar-item w3-btn" href="https://www.w3schools.com/css/exercise.asp?filename=exercise_background2" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; float: left; margin: 10px 5px 0px 0px; outline: 0px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap; width: auto;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Упражнение 2 »</span></a><a class="w3-bar-item w3-btn" href="https://www.w3schools.com/css/exercise.asp?filename=exercise_background3" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; float: left; margin: 10px 5px 0px 0px; outline: 0px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap; width: auto;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Упражнение 3 »</span></a><a class="w3-bar-item w3-btn" href="https://www.w3schools.com/css/exercise.asp?filename=exercise_background4" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; float: left; margin: 10px 5px 0px 0px; outline: 0px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap; width: auto;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Упражнение 4 »</span></a><a class="w3-bar-item w3-btn" href="https://www.w3schools.com/css/exercise.asp?filename=exercise_background5" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; float: left; margin: 10px 5px 0px 0px; outline: 0px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap; width: auto;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Упражнение 5 »</span></a></div></div><hr style="border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Всички свойства на фона на CSS</span></h2><table class="w3-table-all notranslate" style="border-collapse: collapse; border-spacing: 0px; border: 1px solid rgb(204, 204, 204); box-sizing: inherit; margin: 20px 0px; width: 875px;"><tbody style="box-sizing: inherit;"><tr style="border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><th style="box-sizing: inherit; padding: 8px 8px 8px 16px; text-align: left; vertical-align: top; width: 262px;">Property</th><th style="box-sizing: inherit; padding: 8px; text-align: left; vertical-align: top;">Description</th></tr><tr style="background-color: #f1f1f1; border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><td style="box-sizing: inherit; padding: 8px 8px 8px 16px; vertical-align: top;"><a href="https://www.w3schools.com/cssref/css3_pr_background.asp" style="background-color: transparent; box-sizing: inherit;">background</a></td><td style="box-sizing: inherit; padding: 8px; vertical-align: top;">Sets all the background properties in one declaration</td></tr><tr style="border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><td style="box-sizing: inherit; padding: 8px 8px 8px 16px; vertical-align: top;"><a href="https://www.w3schools.com/cssref/pr_background-attachment.asp" style="background-color: transparent; box-sizing: inherit;">background-attachment</a></td><td style="box-sizing: inherit; padding: 8px; vertical-align: top;">Sets whether a background image is fixed or scrolls with the rest of the page</td></tr><tr style="background-color: #f1f1f1; border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><td style="box-sizing: inherit; padding: 8px 8px 8px 16px; vertical-align: top;"><a href="https://www.w3schools.com/cssref/css3_pr_background-clip.asp" style="background-color: transparent; box-sizing: inherit;">background-clip</a></td><td style="box-sizing: inherit; padding: 8px; vertical-align: top;">Specifies the painting area of the background</td></tr><tr style="border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><td style="box-sizing: inherit; padding: 8px 8px 8px 16px; vertical-align: top;"><a href="https://www.w3schools.com/cssref/pr_background-color.asp" style="background-color: transparent; box-sizing: inherit;">background-color</a></td><td style="box-sizing: inherit; padding: 8px; vertical-align: top;">Sets the background color of an element</td></tr><tr style="background-color: #f1f1f1; border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><td style="box-sizing: inherit; padding: 8px 8px 8px 16px; vertical-align: top;"><a href="https://www.w3schools.com/cssref/pr_background-image.asp" style="background-color: transparent; box-sizing: inherit;">background-image</a></td><td style="box-sizing: inherit; padding: 8px; vertical-align: top;">Sets the background image for an element</td></tr><tr style="border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><td style="box-sizing: inherit; padding: 8px 8px 8px 16px; vertical-align: top;"><a href="https://www.w3schools.com/cssref/css3_pr_background-origin.asp" style="background-color: transparent; box-sizing: inherit;">background-origin</a></td><td style="box-sizing: inherit; padding: 8px; vertical-align: top;">Specifies where the background image(s) is/are positioned</td></tr><tr style="background-color: #f1f1f1; border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><td style="box-sizing: inherit; padding: 8px 8px 8px 16px; vertical-align: top;"><a href="https://www.w3schools.com/cssref/pr_background-position.asp" style="background-color: transparent; box-sizing: inherit;">background-position</a></td><td style="box-sizing: inherit; padding: 8px; vertical-align: top;">Sets the starting position of a background image</td></tr><tr style="border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><td style="box-sizing: inherit; padding: 8px 8px 8px 16px; vertical-align: top;"><a href="https://www.w3schools.com/cssref/pr_background-repeat.asp" style="background-color: transparent; box-sizing: inherit;">background-repeat</a></td><td style="box-sizing: inherit; padding: 8px; vertical-align: top;">Sets how a background image will be repeated</td></tr><tr style="background-color: #f1f1f1; border-bottom: 1px solid rgb(221, 221, 221); box-sizing: inherit;"><td style="box-sizing: inherit; padding: 8px 8px 8px 16px; vertical-align: top;"><a href="https://www.w3schools.com/cssref/css3_pr_background-size.asp" style="background-color: transparent; box-sizing: inherit;">background-size</a></td><td style="box-sizing: inherit; padding: 8px; vertical-align: top;">Specifies the size of the background image(s)</td></tr></tbody></table><br style="box-sizing: inherit;" /><div class="w3-clear nextprev" style="box-sizing: inherit;"><a class="w3-left w3-btn" href="https://www.w3schools.com/css/css_background_attachment.asp" style="background-color: #4caf50; border: 1px solid rgb(76, 175, 80); box-sizing: inherit; color: white; cursor: pointer; display: inline-block; float: left !important; font-size: 17px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;"><span style="box-sizing: inherit; vertical-align: inherit;">❮ Предишен</span></a><a class="w3-right w3-btn" href="https://www.w3schools.com/css/css_border.asp" style="background-color: #4caf50; border: 1px solid rgb(76, 175, 80); box-sizing: inherit; color: white; cursor: pointer; display: inline-block; float: right !important; font-size: 17px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;"><span style="box-sizing: inherit; vertical-align: inherit;">Следващия ❯</span></a></div><div id="mypagediv2" style="box-sizing: inherit; position: relative; text-align: center;"></div><br style="box-sizing: inherit;" /></div><br /></div><div class="footer w3-container w3-white" id="footer" style="border-top: 1px solid rgb(241, 241, 241); box-sizing: inherit; padding: 32px;"><div style="box-sizing: inherit; overflow: auto;"></div></div></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><span style="box-sizing: inherit; vertical-align: inherit;"><br /></span></div><div><span style="box-sizing: inherit; vertical-align: inherit;"><br /></span></div><div><span style="box-sizing: inherit; vertical-align: inherit;"><br /></span></div></div><div id="mypagediv2" style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; position: relative; text-align: center;"></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-1731038200315769112024-03-21T03:48:00.000-07:002024-03-21T03:48:55.791-07:00Упражнение<p><a href="https://it-lessons.weebly.com/inkscape.html" target="_blank"><span style="font-size: large;">Упражнения Inkscape</span></a> </p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-5912285132705666422024-03-19T11:57:00.000-07:002024-03-19T11:59:00.802-07:00<p> <a href="https://www.smartest.bg/session/0a0aa475-b11d-4e16-81d3-a072e65a4372" target="_blank">https://www.smartest.bg/session/0a0aa475-b11d-4e16-81d3-a072e65a4372</a></p><p><br /></p><p>тест.бг код <span style="background-color: white; font-family: Nunito, Helvetica; font-size: 15px; font-weight: 700; letter-spacing: 0.16065px;">8IYT</span></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-45017711169780937692024-03-17T13:01:00.000-07:002024-03-17T13:01:12.969-07:00Диаграми<p> Задача1:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKxZMfRR7mLgnf-mfcFc-7GeycK_XpuGvPrhnqP0x_G12suOoidlybd7LVWwDWGfTiSY1f18I0MOihpxIXSREAGeYzeXp2FFvR7kR7gKyQnHPslUQKmkDiW74k8HoIw4D1vHTQri4pgVs/s1600/zada4a+excel.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKxZMfRR7mLgnf-mfcFc-7GeycK_XpuGvPrhnqP0x_G12suOoidlybd7LVWwDWGfTiSY1f18I0MOihpxIXSREAGeYzeXp2FFvR7kR7gKyQnHPslUQKmkDiW74k8HoIw4D1vHTQri4pgVs/s1600/zada4a+excel.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>Задача2:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihFuHMwFN5UJXso1juTz6O92q8qJroaZlDa0BFJVVctAPbqC_GNTXRDZvX_IsKp_S7AlhMbffsrRHORQX75zHs4owxG7UM6jtIyqq0S9KK_remzN-tyvIhaKKKxQtilcql8Cc4yhfrGwY/s1600/diagrama1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihFuHMwFN5UJXso1juTz6O92q8qJroaZlDa0BFJVVctAPbqC_GNTXRDZvX_IsKp_S7AlhMbffsrRHORQX75zHs4owxG7UM6jtIyqq0S9KK_remzN-tyvIhaKKKxQtilcql8Cc4yhfrGwY/s1600/diagrama1.png" width="400" /></a></div><div align="left" class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;">Задача3:</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyd48f5qa231FouObMHfJJ_EeGYW5AQRfzwzWiNGUoMnsbU174dug28wI4t98qw4OnXuEnFWC-auqoqBRsYV859D5WES63GmIJ6_o9aDMP8NyO3Ev6C2OnD8PmFLGpl9Nu3vYCnkjk8o/s1600/diagrama3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyd48f5qa231FouObMHfJJ_EeGYW5AQRfzwzWiNGUoMnsbU174dug28wI4t98qw4OnXuEnFWC-auqoqBRsYV859D5WES63GmIJ6_o9aDMP8NyO3Ev6C2OnD8PmFLGpl9Nu3vYCnkjk8o/s1600/diagrama3.png" width="400" /></a></div><div class="separator" style="clear: both;"></div><div align="left" class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpaTMbOENiX8ut1MJN9R880u5beGJkn2g6p8YtxJPvYwal6tAT9ieGQtjqcF8G5-OdLcLa_fa7NHaKKnGsCOLzmGLw34e2E357fc0OSBdG9vO16HjfZbTbLrWAe3Z05MrscVj6yiWbv18/s1600/diagrama.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpaTMbOENiX8ut1MJN9R880u5beGJkn2g6p8YtxJPvYwal6tAT9ieGQtjqcF8G5-OdLcLa_fa7NHaKKnGsCOLzmGLw34e2E357fc0OSBdG9vO16HjfZbTbLrWAe3Z05MrscVj6yiWbv18/s1600/diagrama.png" width="400" /></a></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-68062070656266548732024-03-17T12:58:00.000-07:002024-03-18T00:04:58.322-07:00Текущ контрол<p> Изтеглете файла: <a href="https://dox.abv.bg/download?id=cc78c03bc1# -> линк за сваляне" target="_blank"> mag-teza.docx</a> и форматирайте текста по следния начин:</p><p class="MsoNormal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: white; color: #2f3f3e; font-family: Verdana, Geneva, sans-serif; line-height: normal; margin: 0px 0px 0.0001pt; outline: none; padding: 0px 0px 9px;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #2a2a2a; line-height: 14.2667px; outline: none;"><b><i>а) Заглавие: </i></b></span></span></span></span></span><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #2a2a2a; font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;">Увод</b> и </span><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;">Точка 1, Точка 2 , Точка3</span></b></p><p class="MsoNormal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: white; line-height: normal; margin: 0px 0px 0.0001pt; outline: none; padding: 0px 0px 9px;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="color: #2a2a2a; font-family: "Times New Roman", serif;"> </span><span style="color: #2a2a2a; font-family: "Times New Roman", serif;"> - Шрифт - </span><span style="color: #2a2a2a; font-family: Times New Roman, serif;">Comic Sans MS</span></span></span></span></span></span></p><p class="MsoNormal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: white; line-height: normal; margin: 0px 0px 0.0001pt; outline: none; padding: 0px 0px 9px;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="color: #2a2a2a; font-family: Times New Roman, serif;"> - Bold</span></span></span></span></span></span></p><p class="MsoNormal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: white; line-height: normal; margin: 0px 0px 0.0001pt; outline: none; padding: 0px 0px 9px;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="color: #2a2a2a; font-family: Times New Roman, serif;"> - Размер на шрифта - 14pt</span></span></span></span></span></span></p><p class="MsoNormal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: white; line-height: normal; margin: 0px 0px 0.0001pt; outline: none; padding: 0px 0px 9px;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="color: #2a2a2a; font-family: Times New Roman, serif;"> - Ляво подравняване</span></span></span></span></span></span></p><p class="MsoNormal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: white; line-height: normal; margin: 0px 0px 0.0001pt; outline: none; padding: 0px 0px 9px;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="color: #2a2a2a; font-family: Times New Roman, serif;"> - Разстояние след параграфа - 6pt</span></span></span></span></span></span></p><p class="MsoNormal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: white; color: #2f3f3e; font-family: Verdana, Geneva, sans-serif; line-height: normal; margin: 0px 0px 0.0001pt; outline: none; padding: 0px 0px 9px;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #2a2a2a; line-height: 14.2667px; outline: none;"><span> </span><span> - Цвят - зелен</span><br /></span></span></span></span></span></p><p class="MsoNormal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: white; color: #2f3f3e; font-family: Verdana, Geneva, sans-serif; line-height: normal; margin: 0px 0px 0.0001pt; outline: none; padding: 0px 0px 9px;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #2a2a2a; line-height: 14.2667px; outline: none;"><b><i><br style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;" /><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: transparent; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;">б) Основния текст:</span></span></i></b></span></span></span></span></span></p><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"> - Times New Roman – 12pt</span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><br /></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"> - Двустранно подравняване</span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><br /></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"> - Отстъп в първия ред на параграфа – 1,35 см</span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><br style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: white; color: #2a2a2a; font-weight: 400; outline: none;" /><span style="background-color: white; color: #2a2a2a; font-weight: 400;"> - Разстояние между редовете на параграфа – 1,5 lines.</span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><br /></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a;"><i>в) задайте следните настройки на страниците:</i></span></span></b></span></span></span></span></div><div style="text-align: left;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span> </span><span> - размер А5</span></span></span></b></span></span></span></span></div><div style="text-align: left;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><br /></span></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><span> </span><span> - отстъп на горно и долно поле - 1,8 см</span><br /></span></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><span><br /></span></span></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><span><span> </span><span> - ляво и дясно поле - 2,2 см</span></span></span></span></span></b></span></span></span></span></div><div><br /></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><span><span><span> </span><span> - ориентация пейзаж</span><br /></span></span></span></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><span><span><span><br /></span></span></span></span></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><span><span><span><span> </span><span> - номерация на страницата - отдясно в долното поле</span><br /></span></span></span></span></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><span><span><span><span><br /></span></span></span></span></span></span></span></b></span></span></span></span></div><div><span style="color: #2a2a2a; font-family: Times New Roman, serif;"><span style="background-color: white;"><b><i>г) вмъкнете следното изображение</i></b> </span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><span><span><span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWhovWu6dZhV9tg98w9XdSL6wyl4zkzrGZvVoO1xyto5DYBTLd9_ACbHmsntU3Hc7v1-MGhdLe7FE9TI0CKMbvnFNtqpvDC4kHnmanL4gNvA7oNWblX4V3m8fXmDGhAJaZ6YQ_qaTCojOZh5rUnrjCKqsQRfqalodaKT14-CpBwpCpxi6WJe2XvfcR7A/s1000/72094.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="750" data-original-width="1000" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWhovWu6dZhV9tg98w9XdSL6wyl4zkzrGZvVoO1xyto5DYBTLd9_ACbHmsntU3Hc7v1-MGhdLe7FE9TI0CKMbvnFNtqpvDC4kHnmanL4gNvA7oNWblX4V3m8fXmDGhAJaZ6YQ_qaTCojOZh5rUnrjCKqsQRfqalodaKT14-CpBwpCpxi6WJe2XvfcR7A/s320/72094.jpg" width="320" /></a></div><br /><span><br /></span></span></span></span></span></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a;"><div class="separator" style="clear: both; font-weight: 400; text-align: center;"><br /></div><i>по следния начин:</i></span></span></b></span></span></span></span></div><div><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Times New Roman", serif; font-size: 10pt; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 10pt; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 10pt; line-height: 14.2667px; outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 10pt; line-height: 14.2667px; outline: none;"><b style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 10pt; line-height: 14.2667px; outline: none;"><span style="background-color: white; color: #2a2a2a; font-weight: 400;"><span><span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiB9TBAYlGRwaCNDDYxmqX1Tco3DOLj0XBEmgS5F-CNe1cfqc33pLjxBqInDp2UV7ZMIgOLrC9M4Hv0mz--s7hMSymuKONcRepz56An-Mtdg4qhArOQ8-N8k2wN-BS16NscFhz62UOiQzpugEvmOHasp-hi_kLA_frts0smz2t-ceJSnxeb4D6oIpDzIKs" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="465" data-original-width="901" height="330" src="https://blogger.googleusercontent.com/img/a/AVvXsEiB9TBAYlGRwaCNDDYxmqX1Tco3DOLj0XBEmgS5F-CNe1cfqc33pLjxBqInDp2UV7ZMIgOLrC9M4Hv0mz--s7hMSymuKONcRepz56An-Mtdg4qhArOQ8-N8k2wN-BS16NscFhz62UOiQzpugEvmOHasp-hi_kLA_frts0smz2t-ceJSnxeb4D6oIpDzIKs=w640-h330" width="640" /></a></div><br /><br /><br /></span></span></span></span></b></span></span></span></span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-25355690972597430992024-03-14T12:18:00.000-07:002024-03-14T12:18:30.016-07:00Упражнение диаграми в Excel <span style="background-color: #e06666;">1. Задача:</span><br />
1. Създайте таблица, описваща видовете семейни разходи за един месец като имате предвид, че са заплатени за заем - 300 лв, за електричество - 25 лв, за парно - 45 лв, за мобилен телефон - 40 лв, за хранителни стоки - 400 лв, за гориво за автомобил - 120 лв, за развлечения - 600 лв, за други - 50лв.<br />
<div>
2. Сортирайте таблицата по разходи във възходящ ред.</div>
<div>
3. Създайте правоъгълна диаграма, сравняваща разходите и задайте заглавие "Месечни разходи".</div>
<div>
4. Създайте диаграма, която пропорционално да показва съотношението на направените разходи, задайте заглавие "Месечни разходи" и покажете процентния дял на всеки вид разход.<br />
<br />
<span style="background-color: #e06666;">2. Задача:</span><br />
На изпит по ИТ се явили 4200 кандидати.Резултатите от изпита са показани на кръговата диаграма. Създайте електронна таблица, с която да намерите броя на учениците, получили слаби, средни, добри, много добри и отлични оценки.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcxw95YOqT0CReVoXkMkNVZII37nE4V-wa4gs-HGPPeILYguoiFylnffLf1hyJAaltGt4wPyIYjMIes1PpYWhAS1FNb9CCgeZYRrPRmbY5YbxmAFXN3UF9FWShiI5pux8Xeecc7u2Jnbc/s1600/diagrami.png" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="281" data-original-width="384" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcxw95YOqT0CReVoXkMkNVZII37nE4V-wa4gs-HGPPeILYguoiFylnffLf1hyJAaltGt4wPyIYjMIes1PpYWhAS1FNb9CCgeZYRrPRmbY5YbxmAFXN3UF9FWShiI5pux8Xeecc7u2Jnbc/s320/diagrami.png" width="320" /></a></div><div><span style="background-color: #e06666;">3. Задача:</span></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpaTMbOENiX8ut1MJN9R880u5beGJkn2g6p8YtxJPvYwal6tAT9ieGQtjqcF8G5-OdLcLa_fa7NHaKKnGsCOLzmGLw34e2E357fc0OSBdG9vO16HjfZbTbLrWAe3Z05MrscVj6yiWbv18/s1600/diagrama.png" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpaTMbOENiX8ut1MJN9R880u5beGJkn2g6p8YtxJPvYwal6tAT9ieGQtjqcF8G5-OdLcLa_fa7NHaKKnGsCOLzmGLw34e2E357fc0OSBdG9vO16HjfZbTbLrWAe3Z05MrscVj6yiWbv18/s1600/diagrama.png" width="400" /></a></div>
<div><br /></div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-45854630782219620022024-03-14T12:16:00.000-07:002024-03-14T12:16:59.345-07:00Диаграми в Excel<p> <span style="color: #cc0000; font-size: x-large;"><b><u>Колонни диаграми (Column)</u></b></span><span style="font-size: x-large;"> </span><span style="font-size: x-large;">- използват се за сравняване на данни или за визуалното представяне на промени в определен период.</span></p><div style="text-align: center;"><div style="text-align: left;"><span style="font-size: large;"><span style="color: purple;"><b>Стълбовидна диаграма(Bar) </b></span>- подобна на колонната, но правоъгълниците са разположени хоризонтално.</span></div><div style="text-align: left;"><span style="font-size: large;"><span style="color: blue;"><b><u>Линейни диаграми (Line)</u></b></span> - използват се, за да се покаже изменение на стойности за даден период от време.</span></div><div style="text-align: left;"><span style="font-size: large;"><b><u style="background-color: white;"><span style="color: #38761d;">Кръгови диаграми (Pie)</span></u></b> - показват относителния дял на анализираните данни във вид на кръгов сектор.</span></div><span style="font-size: large;"><br /></span><span style="font-size: large;"><br /></span><span style="font-size: large;"><b><a href="http://dox.bg/files/dw?a=510f63f297">1 задача - изтегли</a> </b></span></div><div>1. Сортирайте данните в низходящ ред по височина на върховете.</div><div>2. Маркирайте данните, които ще участват в диаграмата и създайте колонна(правоъгълна) диаграма, сравняваща най-високите върхове по континенти.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiynf5bwTcTpnCiVT-b955NzoIDjHbCPjHAppX_M0yHoTbA6kxQ1B8Ipga2Oss1FrqlT2TVqYINCcByTLLYsd6S3JjQhzElRFD3OnAFGCEM20SWir2_STzSGBHRc4Gh6Adt5C9kfMsj3lk/s1600/1pic.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiynf5bwTcTpnCiVT-b955NzoIDjHbCPjHAppX_M0yHoTbA6kxQ1B8Ipga2Oss1FrqlT2TVqYINCcByTLLYsd6S3JjQhzElRFD3OnAFGCEM20SWir2_STzSGBHRc4Gh6Adt5C9kfMsj3lk/s320/1pic.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;">3. Променете заглавието на диаграмата:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5sYWGdSok3eXRI1WoH6uUkX8dxHodcASkywBiDFT7SbJhrqQqy7E9Mb8uokMozdv-S6CqRQT4D4SHz17uaRebiiNF3sz4QZIkF9iVDw9ikeIMdztink8rS8N6YWCm8LgOdihm_5Q36U/s1600/pic2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5sYWGdSok3eXRI1WoH6uUkX8dxHodcASkywBiDFT7SbJhrqQqy7E9Mb8uokMozdv-S6CqRQT4D4SHz17uaRebiiNF3sz4QZIkF9iVDw9ikeIMdztink8rS8N6YWCm8LgOdihm_5Q36U/s320/pic2.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;">4. Задайте етикетите с данни за всеки връх да се показват над съответната колона.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS9rtlTbS8x_ccD3gqYWy2ySbJp16wC06ju4jsOi8kv15Ps_BTd39_WUCf9y6rAeqLm612CiPlrw0Bd5Nc5JYr9rLDCu_BlSJBEqUnB-98o9PMWb7FIAKvUYTiPpE6_1UMpLQg8LhRSBM/s1600/pic3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS9rtlTbS8x_ccD3gqYWy2ySbJp16wC06ju4jsOi8kv15Ps_BTd39_WUCf9y6rAeqLm612CiPlrw0Bd5Nc5JYr9rLDCu_BlSJBEqUnB-98o9PMWb7FIAKvUYTiPpE6_1UMpLQg8LhRSBM/s320/pic3.png" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><br /></div><div style="text-align: center;"><a href="http://dox.bg/files/dw?a=4cc50972a2" style="font-size: x-large;"><b>2 задача - изтегли</b></a></div>1. Създайте линейна диаграма, показваща промяната на броя на населението в България през годините.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlVYmH52mbpJrA2IMHpgyC0ghnZMGFf-tthPcCcxTxxrQYM1e8YgFDv7v16ocWKdAXoHmfB66axDoFymV3nUoEryRZk5oYCpxFZ93w7yqpshFMEFcZZoUEJaSKhn9AdRXM-mf0GlUhjI/s1600/pic4.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlVYmH52mbpJrA2IMHpgyC0ghnZMGFf-tthPcCcxTxxrQYM1e8YgFDv7v16ocWKdAXoHmfB66axDoFymV3nUoEryRZk5oYCpxFZ93w7yqpshFMEFcZZoUEJaSKhn9AdRXM-mf0GlUhjI/s320/pic4.png" width="320" /></a></div>2. Променете заглавието на диаграмата на "Брой на населението на България".<br />3. Задайте стойности по оста <span style="font-size: large; font-style: italic; font-weight: bold;">у </span>да се показват в милиони.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdmB9abgL8qpW6M-SzShBpxFtkLGNYJcANIawbmZeSh38BVT0oy0qfPZM5hyphenhyphenMISxs-yxgE6B4NOsMjJl8Q_g7OyjvtUnTZ8jgjCgz9RaScY5j35_jDuaCS5mPsjgSOQ-EMnjzRYGaiLqA/s1600/pic5.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdmB9abgL8qpW6M-SzShBpxFtkLGNYJcANIawbmZeSh38BVT0oy0qfPZM5hyphenhyphenMISxs-yxgE6B4NOsMjJl8Q_g7OyjvtUnTZ8jgjCgz9RaScY5j35_jDuaCS5mPsjgSOQ-EMnjzRYGaiLqA/s320/pic5.png" width="320" /></a></div><br /><br /><div style="text-align: center;"><span style="font-size: large;"><a href="http://dox.bg/files/dw?a=ad53879c3e"><b>3 задача - изтегли</b></a></span></div>1. Създайте кръгова диаграма, представяща разпределението на водата на Земята.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3smRCYgMyizGpmcZeMpTCX3nRWFBUzFnVN4sV2OKXpHm6lhrVcf5FmL6pTS38dAHO4_zGF38xNhhsVJuLHfVOQw8bdkSFSyVTUB_TS-vGtipbCfaEBD47bzV8jk10mbJD9WDz9l7Zj_w/s1600/pic6.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3smRCYgMyizGpmcZeMpTCX3nRWFBUzFnVN4sV2OKXpHm6lhrVcf5FmL6pTS38dAHO4_zGF38xNhhsVJuLHfVOQw8bdkSFSyVTUB_TS-vGtipbCfaEBD47bzV8jk10mbJD9WDz9l7Zj_w/s320/pic6.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;">2. Променете диаграмата така, че да включва заглавие и да показва процентното съотношение на данните. Задайте за заглавие текста "Разпределение на водата на Земята".</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimxn3rv_6ag0M2m1Mg3OEVHo7VK0HsGNqFY6hZ4M1S07KH_UoIoAp5E5CHA6DO8f90OVl_UThSwx2dr4o6aR_FIOUCQVdyaPy_f3nJp4RP2or8f19uYCI5s2yb2BBiZ-3bbLdI4ebwKDY/s1600/pic7.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimxn3rv_6ag0M2m1Mg3OEVHo7VK0HsGNqFY6hZ4M1S07KH_UoIoAp5E5CHA6DO8f90OVl_UThSwx2dr4o6aR_FIOUCQVdyaPy_f3nJp4RP2or8f19uYCI5s2yb2BBiZ-3bbLdI4ebwKDY/s320/pic7.png" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div><br />Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-60045306906956607352024-03-14T12:07:00.000-07:002024-03-14T12:07:17.989-07:00CSS цветове - упражнение<p> <span face="Tahoma, sans-serif" style="font-size: 14pt; line-height: 107%;">Създайте </span><span face="Tahoma, sans-serif" lang="EN-US" style="font-size: 14pt; line-height: 107%;">HTML
</span><span face="Tahoma, sans-serif" style="font-size: 14pt; line-height: 107%;">файл,
който съдържа (чрез вграден css):</span></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="background: rgb(112, 173, 71); font-size: 14pt; line-height: 107%; mso-shading-themecolor: accent6;">ЗАГЛАВИЕ</span><span face=""Tahoma","sans-serif"" style="font-size: 14pt; line-height: 107%;">: <span style="background: white;">Моят град<o:p></o:p></span></span></p>
<p class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;"><span face=""Tahoma","sans-serif"" style="background: rgb(112, 173, 71); font-size: 14pt; mso-shading-themecolor: accent6;">ПАРАГРАФ</span><span face=""Tahoma","sans-serif"" style="background: white; font-size: 14pt;">: </span><span face=""Tahoma","sans-serif"" style="font-size: 14pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: BG;">Направления
за разработване на проекти за участие в състезанието по ИТ за Трета възрастова
група IX – X клас: Компютърна презентация. Използвани приложни програми:
Microsoft PowerPoint. <o:p></o:p></span></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="font-size: 14pt; line-height: 107%;">1. Задайте фон на текста като използвате дефинирано име
на цвят: </span><i style="mso-bidi-font-style: normal;"><span face=""Tahoma","sans-serif"" style="font-size: 12pt; line-height: 107%;">(<span style="background: white;">Пример: </span></span></i><i style="mso-bidi-font-style: normal;"><span face=""Tahoma","sans-serif"" lang="EN-US" style="font-size: 12pt; line-height: 107%; mso-ansi-language: EN-US;">Tomato, Green, Pink</span></i><i style="mso-bidi-font-style: normal;"><span face=""Tahoma","sans-serif"" style="font-size: 12pt; line-height: 107%;">)</span></i><span face=""Tahoma","sans-serif"" style="font-size: 14pt; line-height: 107%;"><o:p></o:p></span></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="font-size: 14pt; line-height: 107%;">1.1 Заглавие (</span><span face=""Tahoma","sans-serif"" lang="EN-US" style="font-size: 14pt; line-height: 107%; mso-ansi-language: EN-US;">h1) </span><span face=""Tahoma","sans-serif"" style="font-size: 14pt; line-height: 107%;"><span style="mso-spacerun: yes;"> </span>с оранжев фон.<o:p></o:p></span></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="font-size: 14pt; line-height: 107%;">1.2 Параграф със зелен фон.<o:p></o:p></span></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="font-size: 14pt; line-height: 107%;">2. Използвайте <span style="background: white;">чрез RGB
стойности</span>: <o:p></o:p></span></p>
<p class="MsoNormal"><i style="mso-bidi-font-style: normal;"><span face=""Tahoma","sans-serif"" style="background: white; font-size: 12pt; line-height: 107%;">(Пример: </span></i><i style="mso-bidi-font-style: normal;"><span face=""Tahoma","sans-serif"" lang="EN-US" style="background: white; font-size: 12pt; line-height: 107%; mso-ansi-language: EN-US;"><span style="mso-spacerun: yes;"> </span>rgb(44,88,79)</span></i><i style="mso-bidi-font-style: normal;"><span face=""Tahoma","sans-serif"" style="background: white; font-size: 12pt; line-height: 107%;"><span style="mso-spacerun: yes;"> </span>)<o:p></o:p></span></i></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="background: white; font-size: 14pt; line-height: 107%;"><span style="mso-spacerun: yes;"> </span>2.1
Заглавие – лилав фон.<o:p></o:p></span></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="background: white; font-size: 14pt; line-height: 107%;">2.1 Параграф – цикламен фон.<o:p></o:p></span></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="background: white; font-size: 14pt; line-height: 107%;">3. Задайте цвят на текста</span><span face=""Tahoma","sans-serif"" style="background: white; font-size: 14pt; line-height: 107%; mso-ansi-language: EN-US;"> </span><span face=""Tahoma","sans-serif"" style="background: white; font-size: 14pt; line-height: 107%;">с помощта
на шестнадесетична стойност</span>: <i style="mso-bidi-font-style: normal;"><span face=""Tahoma","sans-serif"" lang="EN-US" style="background: white; font-size: 12pt; line-height: 107%; mso-ansi-language: EN-US;">(</span></i><i style="mso-bidi-font-style: normal;"><span face=""Tahoma","sans-serif"" style="background: white; font-size: 12pt; line-height: 107%;">Пример: </span></i><i style="mso-bidi-font-style: normal;"><span face=""Tahoma","sans-serif"" lang="EN-US" style="background: white; font-size: 12pt; line-height: 107%; mso-ansi-language: EN-US;">#675de3)<o:p></o:p></span></i></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="background: white; font-size: 14pt; line-height: 107%;">3.1 Заглавие – Зелено.<o:p></o:p></span></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="background: white; font-size: 14pt; line-height: 107%;">3.2 Параграф – син.<o:p></o:p></span></p>
<h1 style="background: white; margin-bottom: 3.75pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 3.75pt;"><span color="windowtext" face=""Tahoma","sans-serif"" lang="EN-US" style="background: white; font-size: 14pt; line-height: 107%; mso-ansi-language: EN-US;">4. </span><span color="windowtext" face=""Tahoma","sans-serif"" style="background: white; font-size: 14pt; line-height: 107%;">Сложете
в червена рамка следния текст: Моят град<o:p></o:p></span></h1>
<p class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;"><span face=""Tahoma","sans-serif"" style="font-size: 14pt;">5. Сложете в зелена рамка следния
текст: </span><span face=""Tahoma","sans-serif"" style="font-size: 14pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: BG;"><o:p></o:p></span></p>
<p class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;"><span face=""Tahoma","sans-serif"" style="font-size: 14pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: BG;">Направления за разработване на проекти за участие в
състезанието по ИТ за Трета възрастова група IX – X клас: Компютърна
презентация. <o:p></o:p></span></p>
<p class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;"><span face=""Tahoma","sans-serif"" style="font-size: 14pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: BG;">Използвани приложни програми: Microsoft PowerPoint. <o:p></o:p></span></p>
<p class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 11.25pt; mso-outline-level: 2; text-align: justify;"><br /></p>
<p class="MsoNormal"><span face=""Tahoma","sans-serif"" style="font-size: 14pt; line-height: 107%;"><o:p> </o:p></span></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-5544600535089257692024-03-14T12:02:00.000-07:002024-03-14T12:02:57.433-07:00CSS цветове<p> <span style="background-color: white; font-family: Verdana, sans-serif; font-size: 16px;">Цветовете се посочват с помощта на предварително дефинирани имена на цветове или стойности RGB, HEX, HSL, RGBA, HSLA.</span></p><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS имена на цветове</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">В CSS цвят може да бъде посочен с помощта на предварително дефинирано име на цвят:</span></p><div class="w3-row w3-center" style="background-color: white; box-sizing: inherit; color: white; font-family: Verdana, sans-serif; font-size: 15px; line-height: 80px; margin: 0px -16px; text-align: center !important;"><div class="w3-col l3 m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 226.953px;"><div style="background-color: tomato; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Домат</span></div></div><div class="w3-col l3 m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 226.953px;"><div style="background-color: orange; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Оранжево</span></div></div><div class="w3-col l3 m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 226.953px;"><div style="background-color: dodgerblue; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">DodgerBlue</span></div></div><div class="w3-col l3 m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 226.953px;"><div style="background-color: mediumseagreen; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">MediumSeaGreen</span></div></div><div class="w3-col l3 m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 226.953px;"><div style="background-color: grey; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Сиво</span></div></div><div class="w3-col l3 m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 226.953px;"><div style="background-color: slateblue; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">SlateBlue</span></div></div><div class="w3-col l3 m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 226.953px;"><div style="background-color: violet; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Виолетово</span></div></div><div class="w3-col l3 m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 226.953px;"><div style="background-color: lightgrey; box-sizing: inherit; color: #444444;"><span style="box-sizing: inherit; vertical-align: inherit;">Светло сиво</span></div></div></div><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_color_names" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS / HTML поддържа </span><a href="https://www.w3schools.com/colors/colors_names.asp" style="background-color: transparent; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">140 стандартни имена на цветове</span></a><span style="box-sizing: inherit; vertical-align: inherit;"> .</span></p><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS Цвят на фона</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Можете да зададете цвета на фона за HTML елементи:</span></p><div style="background-color: dodgerblue; box-sizing: inherit; color: white; font-family: Verdana, sans-serif; font-size: 24px; text-align: center;"><span style="box-sizing: inherit; vertical-align: inherit;">Здравей свят</span></div><br style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;" /><div class="w3-container" style="background-color: tomato; box-sizing: inherit; color: white; font-family: Verdana, sans-serif; font-size: 15px; padding: 0.01em 16px;"><br style="box-sizing: inherit;" /><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Lorem ipsum dolor sit amet, concectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span><span style="box-sizing: inherit; vertical-align: inherit;">Ut wisi enim ad minim veniam, quis nostrud упражнение ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo следствие.</span></span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" /></div><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="w3-code notranslate htmlHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="background-color:DodgerBlue;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>Hello World<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>p<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="background-color:Tomato;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>Lorem ipsum...<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/p<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span></div><br style="box-sizing: inherit;" /><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_color_background" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS Цвят на текста</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Можете да зададете цвета на текста:</span></p><h3 style="background-color: white; box-sizing: inherit; color: tomato; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Здравей свят</span></h3><p style="background-color: white; box-sizing: inherit; color: dodgerblue; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Lorem ipsum dolor sit amet, concectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</span></p><p style="background-color: white; box-sizing: inherit; color: mediumseagreen; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Ut wisi enim ad minim veniam, quis nostrud упражнение ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo следствие.</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="w3-code notranslate htmlHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="color:Tomato;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>Hello World<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>p<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="color:DodgerBlue;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>Lorem ipsum...<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/p<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>p<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="color:MediumSeaGreen;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>Ut wisi enim...<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/p<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_color_text" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Цвят на границата на CSS</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Можете да зададете цвета на границите:</span></p><h2 style="background-color: white; border: 2px solid tomato; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Здравей свят</span></h2><h2 style="background-color: white; border: 2px solid dodgerblue; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Здравей свят</span></h2><h2 style="background-color: white; border: 2px solid violet; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Здравей свят</span></h2><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="w3-code notranslate htmlHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="border:2px solid Tomato;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>Hello World<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="border:2px solid DodgerBlue;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>Hello World<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="border:2px solid Violet;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>Hello World<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_color_border" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS стойности на цвета</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">В CSS цветовете могат да бъдат посочени и чрез RGB стойности, HEX стойности, HSL стойности, RGBA стойности и HSLA стойности:</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Същото като името на цвета "Домат":</span></p><div class="w3-center" style="background-color: white; box-sizing: inherit; color: white; font-family: Consolas, "Courier New", Courier, monospace; font-size: 20px; font-weight: bold; line-height: 60px; text-align: center !important;"><div style="background-color: tomato; box-sizing: inherit; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">rgb (255, 99, 71)</span></div><div style="background-color: tomato; box-sizing: inherit; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;"># ff6347</span></div><div style="background-color: tomato; box-sizing: inherit; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">hsl (9, 100%, 64%)</span></div></div><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Същото като името на цвета "Домат", но 50% прозрачен:</span></p><div class="w3-center" style="background-color: white; box-sizing: inherit; color: white; font-family: Consolas, "Courier New", Courier, monospace; font-size: 20px; font-weight: bold; line-height: 60px; text-align: center !important;"><div style="background-color: rgba(255, 99, 71, 0.5); box-sizing: inherit; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">rgba (255, 99, 71, 0,5)</span></div><div style="background-color: rgba(255, 99, 71, 0.5); box-sizing: inherit; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">hsla (9, 100%, 64%, 0,5)</span></div></div><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="w3-code notranslate htmlHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="background-color:rgb(255, 99, 71);"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>...<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="background-color:#ff6347;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>...<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="background-color:hsl(9, 100%, 64%);"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>...<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="background-color:rgba(255, 99, 71, 0.5);"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>...<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="background-color:hsla(9, 100%, 64%, 0.5);"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>...<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_color_values" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;"></span></a></div><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h1 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 42px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS </span><span class="color_h1" style="box-sizing: inherit;">RGB цветове</span></h1><div class="w3-clear nextprev" style="background-color: white; box-sizing: inherit;"><a class="w3-left w3-btn" href="https://www.w3schools.com/css/css_colors.asp" style="background-color: #4caf50; border: 1px solid rgb(76, 175, 80); box-sizing: inherit; color: white; cursor: pointer; display: inline-block; float: left !important; font-size: 17px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;"><span style="box-sizing: inherit; vertical-align: inherit;">❮ Предишен</span></a><a class="w3-right w3-btn" href="https://www.w3schools.com/css/css_colors_hex.asp" style="background-color: #4caf50; border: 1px solid rgb(76, 175, 80); box-sizing: inherit; color: white; cursor: pointer; display: inline-block; float: right !important; font-size: 17px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;"><span style="box-sizing: inherit; vertical-align: inherit;">Следващия ❯</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; height: 0px; margin: 20px -16px; overflow: visible;" /><p class="intro" style="background-color: white; box-sizing: inherit; font-size: 16px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Стойността на RGB цвят представлява ЧЕРВЕНА, ЗЕЛЕНА и СИНЯ светлинни източници.</span></p><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">RGB стойност</span></h2><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">В CSS цвят може да бъде посочен като RGB стойност, като се използва тази формула:</span></p><p style="background-color: white; box-sizing: inherit; font-family: Consolas, "Courier New", Courier, monospace; font-size: 20px; font-weight: bold; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">rgb ( </span><em style="box-sizing: inherit;">червено, </em><em style="box-sizing: inherit;">зелено</em><span style="box-sizing: inherit; vertical-align: inherit;"> , </span><em style="box-sizing: inherit;">синьо</em><span style="box-sizing: inherit; vertical-align: inherit;"> )</span></p><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Всеки параметър (червен, зелен и син) определя интензивността на цвета между 0 и 255.</span></p><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Например rgb (255, 0, 0) се показва като червено, тъй като червеното е настроено на най-високата си стойност (255), а останалите са настроени на 0.</span></p><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">За да покажете черно, задайте всички цветови параметри на 0, като това: rgb (0, 0, 0).</span></p><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">За да покажете бяло, задайте всички цветни параметри на 255, като това: rgb (255, 255, 255).</span></p><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Експериментирайте, като смесите RGB стойностите по-долу:</span></p><div class="w3-container xw3-light-grey" style="background-color: white; box-sizing: inherit; padding: 0.01em 16px;"><div class="w3-row w3-container" style="box-sizing: inherit; padding: 0.01em 16px;"><div class="w3-col m2 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 135.297px;"></div><div class="w3-col m8 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 541.203px;"><div id="rgbresult" style="background-color: tomato; box-sizing: inherit; line-height: 80px;"><p id="rgbresulttext" style="box-sizing: inherit; color: white; font-family: Consolas, "Courier New", Courier, monospace; font-size: 18px; font-weight: bold; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">rgb (255, 99, 71)</span></p></div></div><div class="w3-col m2 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 135.297px;"></div></div><div class="w3-row w3-container" style="box-sizing: inherit; padding: 0.01em 16px;"><div class="w3-col m4 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 270.594px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">ЧЕРВЕН</span></p><input id="slideRed" max="255" min="0" name="slideRed" style="box-sizing: inherit; font: inherit; margin: 0px; overflow: visible;" type="range" value="255" /><div id="valRed2" style="box-sizing: inherit;" xstyle="background-color:red;border-radius:5px;color:white;opacity:0.8"><span style="box-sizing: inherit; vertical-align: inherit;">255</span></div></div><div class="w3-col m4 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 270.594px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">ЗЕЛЕНО</span></p><input id="slideGreen" max="255" min="0" name="slideGreen" style="box-sizing: inherit; font: inherit; margin: 0px; overflow: visible;" type="range" value="99" /><div id="valGreen2" style="box-sizing: inherit;" xstyle="background-color:#00ff00;border-radius:5px;opacity:0.8"><span style="box-sizing: inherit; vertical-align: inherit;">99</span></div></div><div class="w3-col m4 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 270.594px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">СИН</span></p><input id="slideBlue" max="255" min="0" name="slideBlue" style="box-sizing: inherit; font: inherit; margin: 0px; overflow: visible;" type="range" value="71" /><div id="valBlue2" style="box-sizing: inherit;" xstyle="background-color:blue;border-radius:5px;color:white;opacity:0.8"><span style="box-sizing: inherit; vertical-align: inherit;">71</span></div></div></div></div><div class="w3-example" style="box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="notranslate w3-white w3-container" style="background-color: rgb(255, 255, 255) !important; box-sizing: inherit; padding: 0.01em 16px;"><div class="w3-row w3-center" style="box-sizing: inherit; color: white; font-family: Consolas, "Courier New", Courier, monospace; font-size: 20px; font-weight: bold; line-height: 80px; text-align: center !important;"><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: red; box-sizing: inherit;">rgb(255, 0, 0)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: blue; box-sizing: inherit;">rgb(0, 0, 255)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: mediumseagreen; box-sizing: inherit;">rgb(60, 179, 113)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: violet; box-sizing: inherit;">rgb(238, 130, 238)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: orange; box-sizing: inherit;">rgb(255, 165, 0)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: slateblue; box-sizing: inherit;">rgb(106, 90, 205)</div></div></div></div><br style="box-sizing: inherit;" /><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_color_rgb2" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Нюансите на сивото често се определят, като се използват равни стойности за всичките 3 източника на светлина:</span></p><div class="w3-example" style="box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="notranslate w3-white w3-container" style="background-color: rgb(255, 255, 255) !important; box-sizing: inherit; padding: 0.01em 16px;"><div class="w3-row w3-center" style="box-sizing: inherit; color: white; font-family: Consolas, "Courier New", Courier, monospace; font-size: 20px; font-weight: bold; line-height: 80px; text-align: center !important;"><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: black; box-sizing: inherit;">rgb(0, 0, 0)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: #3c3c3c; box-sizing: inherit;">rgb(60, 60, 60)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: #787878; box-sizing: inherit;">rgb(120, 120, 120)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: #b4b4b4; box-sizing: inherit;">rgb(180, 180, 180)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="background-color: #f0f0f0; box-sizing: inherit; color: #555555;">rgb(240, 240, 240)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 421.906px;"><div style="box-sizing: inherit; color: #555555;">rgb(255, 255, 255)</div></div></div></div><br style="box-sizing: inherit;" /><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_color_rgb_gray" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">RGBA стойност</span></h2><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">RGBA цветовите стойности са разширение на RGB цветовите стойности с алфа канал - който определя непрозрачността на даден цвят.</span></p><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">RGBA стойността на цвета е посочена със:</span></p><p style="background-color: white; box-sizing: inherit; font-family: Consolas, "Courier New", Courier, monospace; font-size: 20px; font-weight: bold; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">rgba ( </span><em style="box-sizing: inherit;">червено, </em><em style="box-sizing: inherit;">зелено</em><span style="box-sizing: inherit; vertical-align: inherit;"> , </span><em style="box-sizing: inherit;">синьо, алфа</em><span style="box-sizing: inherit; vertical-align: inherit;"> )</span></p><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Алфа параметърът е число между 0.0 (напълно прозрачно) и 1.0 (изобщо непрозрачно):</span></p><p style="background-color: white; box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Експериментирайте, като смесите RGBA стойностите по-долу:</span></p><div class="w3-container xw3-light-grey" style="background-color: white; box-sizing: inherit; padding: 0.01em 16px;"><div class="w3-row w3-container" style="box-sizing: inherit; padding: 0.01em 16px;"><div class="w3-col m2 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 135.297px;"></div><div class="w3-col m8 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 541.203px;"><div id="rgbaresult" style="background-color: rgba(255, 99, 71, 0.5); box-sizing: inherit; line-height: 80px;"><p id="rgbaresulttext" style="box-sizing: inherit; color: white; font-family: Consolas, "Courier New", Courier, monospace; font-size: 18px; font-weight: bold; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">rgba (255, 99, 71, 0,5)</span></p></div></div><div class="w3-col m2 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 135.297px;"></div></div><div class="w3-row w3-container" style="box-sizing: inherit; padding: 0.01em 16px;"><div class="w3-col m3 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 202.953px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">ЧЕРВЕН</span></p><input id="slideRedA" max="255" min="0" name="slideRedA" style="box-sizing: inherit; font: inherit; margin: 0px; overflow: visible;" type="range" value="255" /><div id="valRed2A" style="box-sizing: inherit;" xstyle="background-color:red;border-radius:5px;color:white;opacity:0.8"><span style="box-sizing: inherit; vertical-align: inherit;">255</span></div></div><div class="w3-col m3 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 202.953px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">ЗЕЛЕНО</span></p><input id="slideGreenA" max="255" min="0" name="slideGreenA" style="box-sizing: inherit; font: inherit; margin: 0px; overflow: visible;" type="range" value="99" /><div id="valGreen2A" style="box-sizing: inherit;" xstyle="background-color:#00ff00;border-radius:5px;opacity:0.8"><span style="box-sizing: inherit; vertical-align: inherit;">99</span></div></div><div class="w3-col m3 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 202.953px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">СИН</span></p><input id="slideBlueA" max="255" min="0" name="slideBlueA" style="box-sizing: inherit; font: inherit; margin: 0px; overflow: visible;" type="range" value="71" /><div id="valBlue2A" style="box-sizing: inherit;" xstyle="background-color:blue;border-radius:5px;color:white;opacity:0.8"><span style="box-sizing: inherit; vertical-align: inherit;">71</span></div></div><div class="w3-col m3 w3-container w3-center" style="box-sizing: inherit; float: left; padding: 0.01em 16px; text-align: center !important; width: 202.953px;"><p style="box-sizing: inherit; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">АЛФА</span></p><input id="slideAlphaA" max="10" min="0" name="slideAlphaA" style="box-sizing: inherit; font: inherit; margin: 0px; overflow: visible;" type="range" value="5" /><div id="valAlpha2A" style="box-sizing: inherit;" xstyle="background-color:blue;border-radius:5px;color:white;opacity:0.8"><span style="box-sizing: inherit; vertical-align: inherit;">0,5</span></div></div></div></div><div class="w3-example" style="box-shadow: none !important; box-sizing: inherit; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><div class="notranslate w3-white" style="background-color: rgb(255, 255, 255) !important; box-sizing: inherit;"><div class="w3-row w3-center" style="background-image: url("img_bg_eyeicon.png"), url("img_bg_transparent.gif"); background-position: center center, left top; background-repeat: no-repeat, repeat; box-sizing: inherit; color: white; font-family: Consolas, "Courier New", Courier, monospace; font-size: 20px; font-weight: bold; line-height: 80px; text-align: center !important;"><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 437.906px;"><div style="background-color: rgba(255, 99, 71, 0); box-sizing: inherit; color: #555555;">rgba(255, 99, 71, 0)</div><div style="background-color: rgba(255, 99, 71, 0); box-sizing: inherit; color: #555555;"><span style="background-color: rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</span></div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 437.906px;"><div style="background-color: rgba(255, 99, 71, 0.4); box-sizing: inherit;">rgba(255, 99, 71, 0.4)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 437.906px;"><div style="background-color: rgba(255, 99, 71, 0.6); box-sizing: inherit;">rgba(255, 99, 71, 0.6)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 437.906px;"><div style="background-color: rgba(255, 99, 71, 0.8); box-sizing: inherit;">rgba(255, 99, 71, 0.8)</div></div><div class="w3-col m6 w3-padding" style="box-sizing: inherit; float: left; padding: 8px 16px !important; width: 437.906px;"><div style="background-color: tomato; box-sizing: inherit;">rgba(255, 99, 71, 1)</div></div></div></div><br style="box-sizing: inherit;" /><span style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: inherit; white-space: nowrap;"><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_color_rgba2" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank">Опитайте сами »</a></span></div><div><br /></div></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-38704145534939057142024-03-12T12:17:00.000-07:002024-03-12T12:17:11.714-07:00Упражнение текст в Paint<p><span style="background-color: #ff00fe; font-size: x-large;"> 1 задача:</span></p><p><a href="http://dox.bg/files/dw?a=80236cfcba" style="font-size: x-large;">изтегли задачата</a></p><div class="separator" style="clear: both;"><span style="background-color: #fce5cd;"><span face=""arial" , "tahoma" , "helvetica" , "freesans" , sans-serif" style="color: #333333; font-size: large;"> </span><span face=""arial" , "tahoma" , "helvetica" , "freesans" , sans-serif" style="color: #333333; font-size: medium;">Оцветете държавите както следва:</span></span></div><span face=""arial" , "tahoma" , "helvetica" , "freesans" , sans-serif" style="background-color: #6aa84f; color: #333333; font-size: large;">България - зелено;</span><br /><span face=""arial" , "tahoma" , "helvetica" , "freesans" , sans-serif" style="background-color: #b45f06; color: #333333; font-size: large;">Англия - кафяво;</span><br /><span face=""arial" , "tahoma" , "helvetica" , "freesans" , sans-serif" style="background-color: #3d85c6; color: #333333; font-size: large;">Франция - синьо;</span><br /><span face=""arial" , "tahoma" , "helvetica" , "freesans" , sans-serif" style="background-color: red; color: #333333; font-size: large;">Русия - червено;</span><br /><span face=""arial" , "tahoma" , "helvetica" , "freesans" , sans-serif" style="background-color: yellow; color: #333333; font-size: large;">Италия - жълто;</span><br /><span face=""arial" , "tahoma" , "helvetica" , "freesans" , sans-serif" style="background-color: #c0a154; color: #333333; font-size: large;"><span style="background-color: orange;">Румъния - оранжево</span>.</span><br /><div><br /></div><span style="font-size: large;"><div><span style="background-color: #ff00fe; font-size: large;">2 задача:</span></div>Създайте поздравителна картичка за рожден ден, подобна на дадената. </span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggRejqIm8emFfAw3sJbJ3YmuQ7NsJlczmZ6BHT7T-PTHyvNrestuXOpbKEYBlWLjHc7Z94bkST4SXR1Y3pNBmYc3A1k4zwFFqNQd-eNYE9XLRPd_9E7_mGtJbefUvBlEMjcwOFSKNtDhs/s1600/10.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggRejqIm8emFfAw3sJbJ3YmuQ7NsJlczmZ6BHT7T-PTHyvNrestuXOpbKEYBlWLjHc7Z94bkST4SXR1Y3pNBmYc3A1k4zwFFqNQd-eNYE9XLRPd_9E7_mGtJbefUvBlEMjcwOFSKNtDhs/s1600/10.png" /></a></div><span style="font-size: large;"><br /></span><br /><div style="text-align: center;"><span style="font-size: large;">Напишете кратък текст, с който поздравявате ваш приятел. Запазете файла с името card.png. </span></div><div style="text-align: center;"><span style="font-size: large;"><br /></span></div><div style="text-align: center;"><span style="background-color: #ff00fe; font-size: large;">3 задача:</span></div><div style="text-align: center;"><span style="background-color: white; font-size: large;">Създайте собствена визитна картичка с размер 9см на 5 см.</span></div><div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdvNli9we1c3ITCvEpJ6ya3C-MEiGg1RNOGMFgwkE0lQIJFoTERAmoWXfTuz95Q1eL569YLKG09VLNeMKiRp5vRT7i2M54j2KEo7DSQ1taJLnFOe6wEndAC0KZ3Mt0xc-9tmJm3MTEOC7RKmQOJsJ3FLOkPsn0eSoN9QHFPXIHSnxFMkvJp2tLkBXeWww/s946/5.2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="636" data-original-width="946" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdvNli9we1c3ITCvEpJ6ya3C-MEiGg1RNOGMFgwkE0lQIJFoTERAmoWXfTuz95Q1eL569YLKG09VLNeMKiRp5vRT7i2M54j2KEo7DSQ1taJLnFOe6wEndAC0KZ3Mt0xc-9tmJm3MTEOC7RKmQOJsJ3FLOkPsn0eSoN9QHFPXIHSnxFMkvJp2tLkBXeWww/s320/5.2.png" width="320" /></a></div><br /><span style="background-color: white; font-size: large;"><br /></span></div><div style="text-align: center;"><span style="background-color: #ff00fe; font-size: large;">4 задача:</span></div><div style="text-align: center;"><span style="background-color: white; font-size: large;">Под всеки предмет напишете неговото име и цена, на която би се продал.</span></div><div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0IGwGoU3pcF_8iQI18IJwIXQ3Oxu_75ey7IMO4nozbexq5VMdKZ-ZDGcT100OEIauOTDj0K6wY8-hDkt0zUXCwlTtTgR4YKrJlb2Y9Rq1oY-_J5T8xxD_fHdQX7upcvKRO91FJNq6F19mS3ZTn5efVfhXXTG4YdEvfIw7YKnXiOrvdluV9jXo3jNxXck/s702/5.3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="702" data-original-width="520" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0IGwGoU3pcF_8iQI18IJwIXQ3Oxu_75ey7IMO4nozbexq5VMdKZ-ZDGcT100OEIauOTDj0K6wY8-hDkt0zUXCwlTtTgR4YKrJlb2Y9Rq1oY-_J5T8xxD_fHdQX7upcvKRO91FJNq6F19mS3ZTn5efVfhXXTG4YdEvfIw7YKnXiOrvdluV9jXo3jNxXck/s320/5.3.jpg" width="237" /></a></div><br /><span style="background-color: white; font-size: large;"><br /></span></div><div style="text-align: center;"><span style="background-color: #ff00fe; font-size: large;">5 задача:</span></div><div style="text-align: center;"><ul><li style="text-align: left;"><span style="font-size: large;"><span style="background-color: white;">Напишете името на столицата на България с по-голям размер на буквите от този на останалите градове</span></span></li><li style="text-align: left;"><span style="font-size: large;"><span style="background-color: white;">двете морски столици на България</span></span></li><li style="text-align: left;"><span style="font-size: large;"><span style="background-color: white;">най-големия град на река Дунав</span></span></li><li style="text-align: left;"><span style="font-size: large;"><span style="background-color: white;">града под тепетата</span></span></li><li style="text-align: left;"><span style="font-size: large;"><span style="background-color: white;">областен град, през който минава река Тунджа</span></span></li><li style="text-align: left;"><span style="font-size: large;"><span style="background-color: white;">най-близкия град до резервата Сребърна</span></span></li></ul></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2W4VfNPSi_YEOdwib-wDxMvAvYo5biQPN8nzyKIfs7zuiZSz8wlNnnavoF1-W7ODYMQmvJRJlh3uoZa6fGqx2LKu92sOzS7lM8yUPs0JwZHxo67JBqDSLkWG6bpB2X82fqLv1DAVVboUtkhk2GIFeH0hyphenhyphengtXDhNFgu0GXqxuOqrop01BAOXOUKAq6DOA/s1706/5.1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1201" data-original-width="1706" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2W4VfNPSi_YEOdwib-wDxMvAvYo5biQPN8nzyKIfs7zuiZSz8wlNnnavoF1-W7ODYMQmvJRJlh3uoZa6fGqx2LKu92sOzS7lM8yUPs0JwZHxo67JBqDSLkWG6bpB2X82fqLv1DAVVboUtkhk2GIFeH0hyphenhyphengtXDhNFgu0GXqxuOqrop01BAOXOUKAq6DOA/s320/5.1.png" width="320" /></a></div><br /><div style="text-align: center;"><br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-62448509051724277672024-03-12T02:49:00.000-07:002024-03-12T02:49:25.406-07:00Проект<p> </p><p class="MsoNormal"><b><span lang="BG" style="mso-ansi-language: BG;">„Подбор на
компютърна конфигурация“- презентация</span></b><span lang="BG" style="mso-ansi-language: BG;"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;"> <o:p></o:p></span></p>
<p class="MsoNormal"><b><span lang="BG" style="mso-ansi-language: BG;">1.Хардуер</span></b><span lang="BG" style="mso-ansi-language: BG;"><o:p></o:p></span></p>
<p class="MsoNormal"><b><span lang="BG" style="mso-ansi-language: BG;">2.Централен
процесор</span></b><span lang="BG" style="mso-ansi-language: BG;"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Тактова
честота<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Кеш
памет<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Разрядност<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Брой
ядра<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Производителност(бързодействие)<o:p></o:p></span></p>
<p class="MsoNormal"><b><span lang="BG" style="mso-ansi-language: BG;">3.Дънна платка</span></b><span lang="BG" style="mso-ansi-language: BG;"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Слот<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Поддръжка
на RAM памет<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Брой
слотове на RAM памет<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Формат
на дъното<o:p></o:p></span></p>
<p class="MsoNormal"><b><span lang="BG" style="mso-ansi-language: BG;">4.Памет (RAM)</span></b><span lang="BG" style="mso-ansi-language: BG;"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Размер<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Тип<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Максимална
тактова честота<o:p></o:p></span></p>
<p class="MsoNormal"><b><span lang="BG" style="mso-ansi-language: BG;">5.Диск</span></b><span lang="BG" style="mso-ansi-language: BG;"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Размер<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Тип<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Скорост
на запис и четене<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Време
за реакция<o:p></o:p></span></p>
<p class="MsoNormal"><b><span lang="BG" style="mso-ansi-language: BG;">6.Монитор</span></b><span lang="BG" style="mso-ansi-language: BG;"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Тип
на матрицата<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Размер<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Яркост<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Контраст<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Ъгли
на видимост<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Покритие
на цветовата гама<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Честота
на опресняване<o:p></o:p></span></p>
<p class="MsoNormal"><b><span lang="BG" style="mso-ansi-language: BG;">7.Периферни
устройства</span></b><span lang="BG" style="mso-ansi-language: BG;"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Принтери<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">― Матрични<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">― Термопринтери<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">― Мастиленоструйни<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">― Лазерни<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;">· Скенери<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="BG" style="mso-ansi-language: BG;"><o:p> </o:p></span></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-56770194748935861982024-03-10T12:21:00.000-07:002024-03-10T12:21:28.353-07:00Упражнение<p> <a href="https://dox.abv.bg/download?id=fa09cc007f# -> линк за сваляне" target="_blank"><b><span style="font-size: large;">изтегли файла от тук</span></b></a> </p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-13006257742574512292024-03-06T11:08:00.000-08:002024-03-06T11:08:13.002-08:00Как да добавя CSS<p> <span style="background-color: white; font-family: Verdana, sans-serif; font-size: 16px;">Когато браузър чете таблица със стилове, той ще форматира HTML документа според информацията в таблицата със стилове.</span></p><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size: 32px; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; font-weight: 400; line-height: normal; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Три начина за вмъкване на CSS</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Има три начина за вмъкване на таблица със стилове:</span></p><ul style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; line-height: 1.4; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;"><li style="border: none; box-sizing: inherit; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Външен CSS</span></li><li style="border: none; box-sizing: inherit; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Вътрешен CSS</span></li><li style="border: none; box-sizing: inherit; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Вграден CSS</span></li></ul><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size: 32px; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; font-weight: 400; line-height: normal; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Външен CSS</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">С външен лист със стилове можете да промените облика на цял уебсайт, като промените само един файл!</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Всяка HTML страница трябва да включва препратка към външния файл със стилове в елемента <link>, вътре в секцията head.</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Външните стилове са дефинирани в елемента <link>, в секцията <head> на HTML страница:</span></p><div class="w3-code notranslate htmlHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>!DOCTYPE<span class="attributecolor" style="box-sizing: inherit; color: red;"> html</span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>html<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>head<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>link<span class="attributecolor" style="box-sizing: inherit; color: red;"> rel<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="stylesheet"</span> href<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="mystyle.css"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/head<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>body<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>This is a heading<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>p<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>This is a paragraph.<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/p<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/body<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/html<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_howto_external" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Външен лист със стилове може да бъде написан във всеки текстов редактор и трябва да бъде запазен с разширение .css.</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Външният .css файл не трябва да съдържа никакви HTML тагове.</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Ето как изглежда файлът "mystyle.css":</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">"mystyle.css"</span></h3><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> lightblue<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" />h1 <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> navy<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> margin-left<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> 20px<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div></div><div class="w3-panel w3-warning" style="background-color: #ffdddd; border-left: none; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -32px; padding: 16px 32px;"><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; font-weight: bolder;">Забележка:</span><span style="box-sizing: inherit; vertical-align: inherit;"> Не добавяйте интервал между стойността на свойството и единицата (като например </span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">margin-left: 20 px;</code><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">). </span><span style="box-sizing: inherit; vertical-align: inherit;">Правилният начин е:</span></span><code class="w3-codespan" style="background-color: rgba(222, 222, 222, 0.3); box-sizing: inherit; color: crimson; font-family: Consolas, "courier new"; font-size: 15.75px; padding-left: 4px; padding-right: 4px;">margin-left: 20px;</code></p></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><div id="midcontentadcontainer" style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-left: -20px; margin-right: -20px; overflow: auto; text-align: center;"><div id="snhb-mid_content-0" style="box-sizing: inherit;"></div></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size: 32px; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; font-weight: 400; line-height: normal; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Вътрешен CSS</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Вътрешен лист със стилове може да се използва, ако една отделна HTML страница има уникален стил.</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Вътрешният стил е дефиниран вътре в елемента <style>, вътре в секцията head.</span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Вътрешните стилове са дефинирани в елемента <style>, в секцията <head> на HTML страница:</span></p><div class="w3-code notranslate htmlHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>!DOCTYPE<span class="attributecolor" style="box-sizing: inherit; color: red;"> html</span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>html<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>head<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>style<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;"><br style="box-sizing: inherit;" />body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> linen<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" />h1 <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> maroon<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> margin-left<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> 40px<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span><br style="box-sizing: inherit;" /></span><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/style<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/head<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>body<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>This is a heading<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>p<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>This is a paragraph.<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/p<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/body<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/html<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_howto_internal" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size: 32px; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; font-weight: 400; line-height: normal; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Вграден CSS</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Вграден стил може да се използва за прилагане на уникален стил за отделен елемент.</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">За да използвате вградени стилове, добавете атрибута style към съответния елемент. </span><span style="box-sizing: inherit; vertical-align: inherit;">Атрибутът стил може да съдържа всяко свойство CSS.</span></span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Вградените стилове са дефинирани в атрибута "style" на съответния елемент:</span></p><div class="w3-code notranslate htmlHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>!DOCTYPE<span class="attributecolor" style="box-sizing: inherit; color: red;"> html</span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>html<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>body<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>h1<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="color:blue;text-align:center;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>This is a heading<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/h1<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>p<span class="attributecolor" style="box-sizing: inherit; color: red;"> style<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="color:red;"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span>This is a paragraph.<span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/p<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/body<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/html<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_howto_inline" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><div class="w3-panel w3-note" style="background-color: #ffffcc; border-left: none; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -32px; padding: 16px 32px;"><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; font-weight: bolder;">Съвет:</span><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"> Вграденият стил губи много от предимствата на таблицата със стилове (чрез смесване на съдържание с презентация). </span><span style="box-sizing: inherit; vertical-align: inherit;">Използвайте този метод пестеливо.</span></span></p></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size: 32px; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; font-weight: 400; line-height: normal; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Таблици с няколко стила</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Ако някои свойства са дефинирани за един и същ селектор (елемент) в различни стилови листове, ще се използва стойността от последния прочетен стилов лист. </span></p><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Да приемем, че </span><span style="box-sizing: inherit; font-weight: bolder;">външен лист</span><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"> със </span><span style="box-sizing: inherit; font-weight: bolder;"><span style="box-sizing: inherit; vertical-align: inherit;">стилове</span></span><span style="box-sizing: inherit; vertical-align: inherit;"> има следния стил за елемента <h1>:</span></span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">h1 <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> navy<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div></div><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">След това приемете, че </span><span style="box-sizing: inherit; font-weight: bolder;">вътрешен лист със стилове</span><span style="box-sizing: inherit; vertical-align: inherit;"> също има следния стил за елемента <h1>:</span></p><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">h1 <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> orange<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span> <br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div></div><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Ако вътрешният стил е дефиниран </span><span style="box-sizing: inherit; font-weight: bolder;">след</span><span style="box-sizing: inherit; vertical-align: inherit;"> връзката към външния лист със стилове, елементите <h1> ще бъдат "оранжеви":</span></p><div class="w3-code notranslate htmlHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>head<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>link<span class="attributecolor" style="box-sizing: inherit; color: red;"> rel<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="stylesheet"</span> type<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="text/css"</span> href<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="mystyle.css"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>style<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;"><br style="box-sizing: inherit;" />h1 <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> orange<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span><br style="box-sizing: inherit;" /></span><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/style<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/head<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_howto_multiple" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><div class="w3-example" style="background-color: #f1f1f1; box-shadow: none !important; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Пример</span></h3><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Ако обаче вътрешният стил е дефиниран </span><span style="box-sizing: inherit; font-weight: bolder;">преди</span><span style="box-sizing: inherit; vertical-align: inherit;"> връзката към външния лист със стилове, елементите <h1> ще бъдат "флот": </span></p><div class="w3-code notranslate htmlHigh htmlHigh" style="background-color: white; border-left: 4px solid rgb(76, 175, 80); box-sizing: inherit; font-family: Consolas, "courier new"; margin-bottom: 16px !important; margin-top: 16px !important; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>head<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>style<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;"><br style="box-sizing: inherit;" />h1 <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> orange<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span><br style="box-sizing: inherit;" /></span><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/style<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>link<span class="attributecolor" style="box-sizing: inherit; color: red;"> rel<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="stylesheet"</span> type<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="text/css"</span> href<span class="attributevaluecolor" style="box-sizing: inherit; color: mediumblue;">="mystyle.css"</span></span><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span><br style="box-sizing: inherit;" /><span class="tagnamecolor" style="box-sizing: inherit; color: brown;"><span class="tagcolor" style="box-sizing: inherit; color: mediumblue;"><</span>/head<span class="tagcolor" style="box-sizing: inherit; color: mediumblue;">></span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_howto_multiple2" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; margin-bottom: 16px !important; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size: 32px; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; font-weight: 400; line-height: normal; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Каскадна поръчка</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Какъв стил ще се използва, когато има повече от един стил, посочен за HTML елемент?</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Всички стилове в дадена страница ще се каскадират в нов „виртуален“ лист със стилове по следните правила, където номер едно има най-висок приоритет:</span></p><ol style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"><li style="box-sizing: inherit; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Вграден стил (вътре в HTML елемент)</span></li><li style="box-sizing: inherit; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Външни и вътрешни таблици със стилове (в главната секция)</span></li><li style="box-sizing: inherit; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Браузър по подразбиране</span></li></ol><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Така че вграденият стил има най-висок приоритет и ще замени външните и вътрешните стилове и настройките по подразбиране на браузъра.</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><a class="w3-btn" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_howto_cascade" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте сами »</span></a></p><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><div class="w3-container w3-dark-grey w3-padding" style="background-color: rgb(97, 97, 97) !important; box-sizing: inherit; color: rgb(255, 255, 255) !important; font-family: Verdana, sans-serif; font-size: 15px; padding: 8px 16px !important;"><h2 style="box-sizing: inherit; color: black; font-family: "Segoe UI", Arial, sans-serif; font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size: 32px; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; font-weight: 400; line-height: normal; margin: 10px 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">Изпробвайте се с упражнения!</span></h2><div class="w3-bar w3-margin-bottom" style="box-sizing: inherit; margin-bottom: 16px !important; overflow: hidden; width: 843.828px;"><a class="w3-bar-item w3-btn" href="https://www.w3schools.com/css/exercise.asp?filename=exercise_howto1" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; float: left; margin: 10px 5px 0px 0px; outline: 0px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle; width: auto;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Упражнение 1 »</span></a><a class="w3-bar-item w3-btn" href="https://www.w3schools.com/css/exercise.asp?filename=exercise_howto2" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; float: left; margin: 10px 5px 0px 0px; outline: 0px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle; width: auto;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Упражнение 2 »</span></a><a class="w3-bar-item w3-btn" href="https://www.w3schools.com/css/exercise.asp?filename=exercise_howto3" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; float: left; margin: 10px 5px 0px 0px; outline: 0px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle; width: auto;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Упражнение 3 »</span></a><a class="w3-bar-item w3-btn" href="https://www.w3schools.com/css/exercise.asp?filename=exercise_howto4" style="background-color: #4caf50; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; float: left; margin: 10px 5px 0px 0px; outline: 0px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle; width: auto;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Упражнение 4 »</span></a></div></div><br style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;" /><div class="w3-clear nextprev" style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"><a class="w3-left w3-btn" href="https://www.w3schools.com/css/css_selectors.asp" style="background-color: #4caf50; border: 1px solid rgb(76, 175, 80); box-sizing: inherit; color: white; cursor: pointer; display: inline-block; float: left !important; font-size: 17px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle;"><span style="box-sizing: inherit; vertical-align: inherit;">❮ Предишен</span></a><a class="w3-right w3-btn" href="https://www.w3schools.com/css/css_comments.asp" style="background-color: #4caf50; border: 1px solid rgb(76, 175, 80); box-sizing: inherit; color: white; cursor: pointer; display: inline-block; float: right !important; font-size: 17px; overflow: hidden; padding: 8px 16px; text-align: center; text-decoration-line: none; text-wrap: nowrap; user-select: none; vertical-align: middle;"><span style="box-sizing: inherit; vertical-align: inherit;">Следващия ❯</span></a><div><span style="box-sizing: inherit; vertical-align: inherit;"><br /></span></div></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-81436386839688042982024-03-05T11:35:00.000-08:002024-03-05T11:35:45.415-08:00Цифрово заснемане<p> <strong style="color: #2a2a2a; font-size: 22px;">Тема 1.</strong><span style="color: #2a2a2a; font-size: 22px;"> Цифрово заснемане. Основни принципи на действие на цифровата камера</span></p><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px;"><strong>1. Цифрово заснемане</strong> <br /> Цифровото заснемане е метод за запис на информация, при който сигналите, записани на носител, се преобразуват в последователност от кодови (цифрови) импулсни комбинации.<br /><strong>2. Основни принципи на действие на цифровата камера<br />3. Основните компоненти на <a href="http://macropic.eu/digital/70-ustroistvo.html" style="color: #1b4b78; text-decoration-line: none;" target="_blank">цифровата камера >></a> (</strong>ЦИФРОВА ФОТОГРАФИЯ)</div><span class="imgPusher" style="display: block; float: left; height: 0px; overflow: hidden;"></span><span style="clear: left; display: table; float: left; margin-top: 0px; max-width: 100%; position: relative; width: auto;"><a class="w-fancybox" href="https://it-study.weebly.com/uploads/2/1/4/0/21407078/f-aparat_orig.png" style="color: #1b4b78; text-decoration-line: none;"><img alt="Picture" class="galleryImageBorder wsite-image" src="https://it-study.weebly.com/uploads/2/1/4/0/21407078/editor/f-aparat.png?1613546075" style="border: 0px solid rgba(0, 0, 0, 0.13); margin: 10px 0px; max-width: 100%; position: relative;" /></a><span class="wsite-caption" style="caption-side: bottom; display: table-caption; font-size: 15px; margin-bottom: 10px; margin-top: -10px; text-align: center;"></span></span><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px; text-align: justify;"> Фотографията е свързана със светлината. Светлината от слънцето или изкуствения източник отначало се отразява от сцената, намираща се пред <strong>обектива</strong>, а след това навлиза през него (1), след това преминава през <strong>обектива (2)</strong> и <strong>затвора (7),</strong> ако има такъв към задната част на фотоапарата, където се намира <strong>матрицата (сензор) (8)</strong>.<br /> В цифровия огледално-рефлексен фотоапарат (DSLR) преди натискането на спусъка, задействащ затвора, светлината се отразява в <strong>огледалото (3)</strong>, преминава през <strong>призмата (4)</strong> и попада във <strong>визьора (5)</strong>. При натискане на спусъка, огледалото се вдига и светлината попада върху матрицата, както е при компактния фотоапарат.<br /> В някои огледални камери на Sony огледалото е полупрозрачно и неподвижно (SLT серията), с което се избягват вибрациите и звука, произведени от огледалото.<br /></div><hr style="clear: both; visibility: hidden; width: 876px;" /><div><div style="height: 20px; overflow: hidden; width: 876px;"></div><hr class="styled-hr" style="background-color: rgba(0, 0, 0, 0.13); border: 0pt none; color: rgba(0, 0, 0, 0.13); height: 1px; margin: 0px auto; text-align: center; width: 876px;" /><div style="height: 20px; overflow: hidden; width: 876px;"></div></div><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px; text-align: center;"><strong><a href="https://it-study.weebly.com/uploads/2/1/4/0/21407078/1_cifrovo_zasnemane.pdf" style="color: #1b4b78; text-decoration-line: none;" target="_blank"><span style="font-size: medium;">Презентация >></span></a></strong></div><div><div style="height: 20px; overflow: hidden; width: 876px;"></div><hr class="styled-hr" style="background-color: rgba(0, 0, 0, 0.13); border: 0pt none; color: rgba(0, 0, 0, 0.13); height: 1px; margin: 0px auto; text-align: center; width: 876px;" /><div style="height: 20px; overflow: hidden; width: 876px;"></div></div><div><div class="wsite-multicol" style="direction: ltr; position: relative;"><div class="wsite-multicol-table-wrap" style="margin: 0px -15px;"><table class="wsite-multicol-table" style="border-collapse: collapse; border: 0px !important; margin: 0px !important; padding: 0px !important; position: relative; table-layout: fixed; width: 906px;"><tbody class="wsite-multicol-tbody"><tr class="wsite-multicol-tr"><td class="wsite-multicol-col" style="border: 0px !important; margin: 0px !important; padding: 0px 15px; vertical-align: top; width: 411.737px;"><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px; text-align: justify;"><strong>Видео: </strong><a href="https://www.mozaweb.bg/Extra-3D_sceni-Kak_raboti_cifroviyat_fotoaparat-170480" style="color: #1b4b78; text-decoration-line: none;" target="_blank"></a><span style="font-weight: 700;"><a href="https://www.mozaweb.bg/Extra-3D_sceni-Kak_raboti_cifroviyat_fotoaparat-170480" style="color: #1b4b78; text-decoration-line: none;" target="_blank">Как работи цифровият фотоапарат?</a></span><br />Тази анимация демонстрира устройството и начина на работа на цифровите фотоапарати.</div></td><td class="wsite-multicol-col" style="border: 0px !important; margin: 0px !important; padding: 0px 15px; vertical-align: top; width: 434.263px;"><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px; text-align: justify;"><strong>Интересно</strong>: <span style="font-weight: 700;"><a href="https://www.mozaweb.bg/Extra-3D_sceni-Dagerotip_ranen_fotoaparat-170481" style="color: #1b4b78; text-decoration-line: none;" target="_blank">Дагеротип (ранен фотоапарат)</a></span><br />Първият метод на фотографиране, постигнал търговски успех, е създаден от французина Луи Дагер и е известен като дагеротипия.</div></td></tr></tbody></table></div></div></div><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px;"><span style="font-size: x-small;"><strong>Видео:</strong><a href="https://youtu.be/PvkAUzvcFtM" style="color: #1b4b78; text-decoration-line: none;" target="_blank"> <strong>Как да правим качествени снимки DSL</strong></a><br /><strong>Видео</strong>: <strong><a href="https://youtu.be/nQSqV4igSTk" style="color: #1b4b78; text-decoration-line: none;" target="_blank">Лупа, фотоапарат и телескоп</a></strong></span></div><div><div style="height: 20px; overflow: hidden; width: 876px;"></div><hr class="styled-hr" style="background-color: rgba(0, 0, 0, 0.13); border: 0pt none; color: rgba(0, 0, 0, 0.13); height: 1px; margin: 0px auto; text-align: center; width: 876px;" /><div style="height: 20px; overflow: hidden; width: 876px;"></div></div><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px;"><strong>Допълнителни приспособления:</strong><ul style="list-style-image: initial !important; list-style-position: outside !important; margin: 5px 0px !important; padding-bottom: 0px; padding-left: 3em !important; padding-right: 0px; padding-top: 0px;"><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">Картата памет,</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">батериите,</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">светкавицата,</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">сензорите,</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">дисплеят са не по-малко важни за пълноценното функциониране на камерата…</li></ul></div><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px; text-align: justify;"><strong>4. Оптична стабилизации на изображението</strong><br /> Това е технология във фотографията, която механично компенсира движението на камерата, за да предотврати замазването на изображението вследствие на това движение. Това движение е предизвикано от неволно трепване на ръцете на снимащия, докато държи камерата или натиска бутона за заснемане.<br /> <br /> Качеството на матрицата се свързва с параметъра ISO, който описва нейната светлочувствителност. При заснемане на слабо осветен обект, за да се компенсира липсата на светлина, се засилва светлочувствителността на сензора. Това обаче води до появата на шум в изображението. Камерите прилагат алгоритми за премахване на този шум, но това води до липса на детайли и влошаване на качеството на изображението. Затова стойността на параметъра ISO, при която матрицата запазва качеството на изображението приемливо, е много важен показател. Има много организации, които извършват тестове на камери и публикуват резултатите за тях (напр. DXOmark, Dpreview и др.).<br /><br />Влезте в сайта <a href="https://www.dpreview.com/reviews/image-comparison" style="color: #1b4b78; text-decoration-line: none;">https://www.dpreview.com/reviews/image-comparison</a> и сравнете разглежданата камера с други подобни. Проверете при какво ISO се разваля качеството на изображението.<br /></div><span class="imgPusher" style="display: block; float: left; height: 0px; overflow: hidden;"></span><span style="clear: left; display: table; float: left; margin-top: 0px; max-width: 30px; position: relative; width: 30px;"><a style="color: #1b4b78;"><img alt="Picture" class="galleryImageBorder wsite-image" src="https://it-study.weebly.com/uploads/2/1/4/0/21407078/177610947.png" style="border: 0px solid rgba(0, 0, 0, 0.13); margin: 5px 20px 10px 0px; max-width: 100%; position: relative;" /></a><span class="wsite-caption" style="caption-side: bottom; display: table-caption; font-size: 15px; margin-bottom: 10px; margin-top: -10px; text-align: center;"></span></span><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px;"><strong>Задача.</strong><br />Разгледайте полупрофесионален или професионален клас камера (фотоапарат) и отговорете на въпросите:<br /><ul style="list-style-image: initial !important; list-style-position: outside !important; margin: 5px 0px !important; padding-bottom: 0px; padding-left: 3em !important; padding-right: 0px; padding-top: 0px;"><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">Какъв е размерът на матрицата (в мм)?</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">Колко мегапиксела е?</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">Матрицата има ли стабилизация на изображението?</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">Вижте как се сваля и поставя обективът.</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">Разучете какви обективи могат да се слагат на тази камера.</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">Какво е тяхното оптическо увеличение?</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;">Имат ли стабилизация на изображението?</li></ul></div><hr style="clear: both; visibility: hidden; width: 876px;" /><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px;">Структурирайте отговора си в <strong><a href="https://it-study.weebly.com/uploads/2/1/4/0/21407078/zad_1-str_7.docx" style="color: #1b4b78; text-decoration-line: none;" target="_blank">таблична форма >></a></strong></div><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px; text-align: justify;"><strong><span style="font-size: small;">Речник</span></strong><ul style="list-style-image: initial !important; list-style-position: outside !important; margin: 5px 0px !important; padding-bottom: 0px; padding-left: 3em !important; padding-right: 0px; padding-top: 0px;"><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><strong>матрица </strong>- електронен светлочувствителен сензор в цифровата камера за улавяне на изображение</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><strong>бленда, диафрагма</strong> - устройство, формиращо променлив отвор (апертура) в обектива</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><strong>апертура </strong>- променящ се отвор в обектива, контролиращ количеството светлина, попадащо върху матрицата</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><strong>DSLR </strong>- цифров огледално-рефлексен фотоапарат (англ. Digital single-lens reflex camera). Камера, която използва подвижно огледало за пренасочване на светлината от обектива към визьора. В момента на заснемане огледалото се вдига и светлината попада върху матрицата, фулфрейм - размер на матрицата на професионални цифрови камери, отговарящ на размера на 35 мм филмов кадър (36 х 24 mm)</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><strong>APS-C</strong> - размер на матрицата на полупрофесионални цифрови камери (24 х 16 mm)</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><strong>ISO </strong>- стандарт за чувствителността на филма към светлината. При цифровите камери е параметър за светлочувствителност на матрицата.</li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><strong>шум в изображението</strong> - нежелани визуални елементи, който не са част от реалното изображение, а се получават от несъвършенства в сензора на камерата</li></ul></div><div><div class="wsite-multicol" style="direction: ltr; position: relative;"><div class="wsite-multicol-table-wrap" style="margin: 0px -15px;"><table class="wsite-multicol-table" style="border-collapse: collapse; border: 0px !important; margin: 0px !important; padding: 0px !important; position: relative; table-layout: fixed; width: 906px;"><tbody class="wsite-multicol-tbody"><tr class="wsite-multicol-tr"><td class="wsite-multicol-col" style="border: 0px !important; margin: 0px !important; padding: 0px 15px; vertical-align: top; width: 390.6px;"><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px;"><span style="font-size: small;"><strong>Урок по фотография (част 1) </strong> <strong><a href="https://youtu.be/QtBXOiey71o" style="color: #1b4b78; text-decoration-line: none;" target="_blank">Видео >></a></strong> </span></div><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px;"><strong>Онлайн симулатори:</strong><ul style="list-style-image: initial !important; list-style-position: outside !important; margin: 5px 0px !important; padding-bottom: 0px; padding-left: 3em !important; padding-right: 0px; padding-top: 0px;"><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><strong><a href="http://bethecamera.com/%7B%7B%20site.base_url%20%7D%7D/%7B%7B%20site.base_url%20%7D%7D/" style="color: #1b4b78; text-decoration-line: none;">Be the camera</a>:</strong> <a href="http://bethecamera.com/" style="color: #1b4b78; text-decoration-line: none;" target="_blank">http://bethecamera.com/ </a> </li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><strong><a href="https://dofsimulator.net/en/" style="color: #1b4b78; text-decoration-line: none;" target="_blank">https://dofsimulator.net/en/ </a><a href="http://canonoutsideofauto.ca/play/" style="color: #1b4b78; text-decoration-line: none;" target="_blank"> </a></strong></li><li style="list-style: outside disc !important; margin: 3px 0px 0px !important; padding-bottom: 0px; padding-left: 5px !important; padding-right: 0px; padding-top: 0px;"><a href="http://www.andersenimages.com/tutorials/exposure-simulator/" style="color: #1b4b78; text-decoration-line: none;"><strong>Exposure Simulator</strong> (andersenimages.com)</a></li></ul></div></td><td class="wsite-multicol-col" style="border: 0px !important; margin: 0px !important; padding: 0px 15px; vertical-align: top; width: 455.4px;"><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px;"><strong>5. Видове цифрови фотоапарати и видеокамери.</strong><br /></div><div><div class="wsite-image wsite-image-border-none " style="margin-left: 0px; margin-right: 0px; padding-bottom: 10px; padding-top: 10px; position: relative; text-align: center;"><a href="https://it-study.weebly.com/uploads/2/1/4/0/21407078/2_vidove_kameri_foto.pdf" style="color: #1b4b78; text-decoration-line: none;" target="_blank"><img alt="Picture" src="https://it-study.weebly.com/uploads/2/1/4/0/21407078/2-vidove-kameri-foto_orig.jpg" style="border-color: initial; border-image: initial; border-style: initial; border-width: 0px !important; max-width: 100%; width: auto;" /></a><div style="font-size: 15px;"></div></div></div></td></tr></tbody></table></div></div></div><div><div class="wsite-multicol" style="direction: ltr; position: relative;"><div class="wsite-multicol-table-wrap" style="margin: 0px -5px;"><table class="wsite-multicol-table" style="border-collapse: collapse; border: 0px !important; margin: 0px !important; padding: 0px !important; position: relative; table-layout: fixed; width: 886px;"><tbody class="wsite-multicol-tbody"><tr class="wsite-multicol-tr"><td class="wsite-multicol-col" style="border: 0px !important; margin: 0px !important; padding: 0px 5px; vertical-align: top; width: 83.925px;"><div class="wsite-image wsite-image-border-none " style="margin-left: 0px; margin-right: 0px; padding-bottom: 10px; padding-top: 10px; position: relative; text-align: center;"><a style="color: #1b4b78;"><img alt="Picture" src="https://it-study.weebly.com/uploads/2/1/4/0/21407078/850363515.png" style="border-color: initial; border-image: initial; border-style: initial; border-width: 0px !important; max-width: 30px; width: 30px;" /></a><div style="font-size: 15px;"></div></div></td><td class="wsite-multicol-col" style="border: 0px !important; margin: 0px !important; padding: 0px 5px; vertical-align: top; width: 782.075px;"><div class="paragraph" style="color: rgb(42, 42, 42) !important; font-size: 14px !important; line-height: 1.5; margin: 0px; overflow-wrap: break-word; padding: 0.5em 0px; text-align: justify;"><strong>Задача</strong>. Като използвате симулатора https://dofsimulator.net/en/, направете проучване какви настройки са необходими на цифровата камера (фотоапарат), за да може да се заснеме „светлинната пътека“, показана на примера:</div></td></tr></tbody></table></div></div></div><div><div class="wsite-image wsite-image-border-none " style="margin-left: 0px; margin-right: 0px; padding-bottom: 10px; padding-top: 10px; position: relative; text-align: center;"><a style="color: #1b4b78;"><img alt="Picture" src="https://it-study.weebly.com/uploads/2/1/4/0/21407078/verkehr-path-1_orig.jpg" style="border-color: initial; border-image: initial; border-style: initial; border-width: 0px !important; max-width: 100%; width: auto;" /></a><div style="font-size: 15px;"></div></div></div><div><div style="background-color: #f6f5f0; color: #626262; font-family: LucidaGrande, Arial; font-size: 12px; height: 20px; overflow: hidden; width: 876px;"></div><hr class="styled-hr" style="background-color: rgba(0, 0, 0, 0.13); border: 0pt none; color: rgba(0, 0, 0, 0.13); font-family: LucidaGrande, Arial; font-size: 12px; height: 1px; margin: 0px auto; text-align: center; width: 876px;" /><br /></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-44456947286713716462024-03-04T10:48:00.000-08:002024-03-04T10:48:55.879-08:00Изпитване<p><span style="font-size: medium;"><b> 1. Задача - нарисувайте банан. Запазете файла с име banana.png</b></span></p><div class="separator" style="clear: both;"><span style="color: #0b5394; font-size: x-large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi10KgiEdPjKbM88bUwrL2WuZ9tOl7HaS4OvDkp9Q-PPp64OU5df11xSUylT8r9Wtjqkbr-kJilyqAa59pVwS0XPlPaohDoNGjjwK5PqkDqnS3Xtln7dL7jRd3vM3TA4TMcfJWseGBWu24/s1600/banan+pic.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi10KgiEdPjKbM88bUwrL2WuZ9tOl7HaS4OvDkp9Q-PPp64OU5df11xSUylT8r9Wtjqkbr-kJilyqAa59pVwS0XPlPaohDoNGjjwK5PqkDqnS3Xtln7dL7jRd3vM3TA4TMcfJWseGBWu24/s1600/banan+pic.png" width="320" /></a></div><div class="separator" style="clear: both;"><span style="color: #0b5394; font-size: x-large;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #0b5394; font-size: x-large;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #0b5394; font-size: medium;"><span style="color: black;"><b>2. Нарисувайте подобно изображение:</b></span></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXtcEn5OxiAfyMkdYLazd5T4OVUsQgGOEDo0pNsEZUziy1t8HWCjSsdiAk9BavT584Qs3IybgD3OMkJVeNwao58LF_mJrlO7_a1fFpV3-BsHMxHJI8i8DPfT5CRQoqiYSuHIGGlQlOTDte6DRl8WqI2LGDVl7ZIzF9vNQIp6pEFFrNFtXb1K-X4B4KiaE/s330/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="330" data-original-width="268" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXtcEn5OxiAfyMkdYLazd5T4OVUsQgGOEDo0pNsEZUziy1t8HWCjSsdiAk9BavT584Qs3IybgD3OMkJVeNwao58LF_mJrlO7_a1fFpV3-BsHMxHJI8i8DPfT5CRQoqiYSuHIGGlQlOTDte6DRl8WqI2LGDVl7ZIzF9vNQIp6pEFFrNFtXb1K-X4B4KiaE/s320/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5.png" width="260" /></a></div><span style="font-size: medium;">Оцветете го по свой избор. Съхранете файла с име kalinka.bmp.</span><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><br /><span><div class="separator" style="clear: both; color: black; text-align: left;"><span style="font-size: medium;"><b>3. Задача - начертайте фигурата:</b></span></div><div class="separator" style="clear: both; color: #0b5394; font-size: xx-large; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGFN5h_zuXvI_8Gjfoe0T3JSNGUeEvm4hbj6W36PHLzAHvTW83fp8CPDChOZ8v5CShDpmYktBWH7RlfUe8F1f85FbU05ajbL1kQMfnp4QIMT_CJJFKVCmtew0ohmWZhl_dMTbsCMj0lRpz8FP-xrDKJ15mqwB2RrGg7RsKngnHYhRAFPMNRBUdtZeCFAA/s500/%D0%BA%D1%83%D0%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="476" data-original-width="500" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGFN5h_zuXvI_8Gjfoe0T3JSNGUeEvm4hbj6W36PHLzAHvTW83fp8CPDChOZ8v5CShDpmYktBWH7RlfUe8F1f85FbU05ajbL1kQMfnp4QIMT_CJJFKVCmtew0ohmWZhl_dMTbsCMj0lRpz8FP-xrDKJ15mqwB2RrGg7RsKngnHYhRAFPMNRBUdtZeCFAA/s320/%D0%BA%D1%83%D0%B1.png" width="320" /></a></div><span style="font-size: medium;">Направете 7 копия на фигурата. Оцветете в зелено 1/3 от фигурата по различен начин всяко копие. Запазете файла с име kub.jpg.</span><br /><div class="separator" style="clear: both; color: black; font-size: medium; text-align: left;"><br /></div></span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-34644074944444084512024-02-29T11:28:00.000-08:002024-02-29T11:28:39.591-08:00Въведение в CSS<p> <a href="https://www.w3schools.com/css/css_intro.asp" target="_blank">https://www.w3schools.com/css/css_intro.asp</a></p><h1 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 42px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;"><span class="color_h1" style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Въведение</span></span><span style="box-sizing: inherit; vertical-align: inherit;"> в CSS</span></span><span class="color_h1" style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"></span></span></h1><div class="w3-clear nextprev" style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"><a class="w3-left w3-btn" href="https://www.w3schools.com/css/default.asp" style="background-color: #04aa6d; border-radius: 5px; border: 1px solid rgb(4, 170, 109); box-sizing: inherit; color: white; cursor: pointer; display: inline-block; float: left; font-family: "Source Sans Pro", sans-serif; font-size: 18px; overflow: hidden; padding: 8px 19px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;"><span style="box-sizing: inherit; vertical-align: inherit;">❮ Предишна</span></a><a class="w3-right w3-btn" href="https://www.w3schools.com/css/css_syntax.asp" style="background-color: #04aa6d; border-radius: 5px; border: 1px solid rgb(4, 170, 109); box-sizing: inherit; color: white; cursor: pointer; display: inline-block; float: right; font-family: "Source Sans Pro", sans-serif; font-size: 18px; overflow: hidden; padding: 8px 19px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;"><span style="box-sizing: inherit; vertical-align: inherit;">Следващия ❯</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><p class="intro" style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 16px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS е езикът, който използваме за стилизиране на уеб страница.</span></p><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Какво е CSS?</span></h2><ul style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px;"><li style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS е съкращение от Cascading Style Sheets</span></li><li style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS описва как HTML елементите трябва да се показват на екран, хартия или в друга медия</span></li><li style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS спестява много работа. </span><span style="box-sizing: inherit; vertical-align: inherit;">Той може да контролира оформлението на множество уеб страници наведнъж</span></span></li><li style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Външните таблици със стилове се съхраняват в CSS файлове</span></li></ul><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS Демо - Една HTML страница - Множество стилове!</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Тук ще покажем една HTML страница, показана с четири различни стилови таблици. </span><span style="box-sizing: inherit; vertical-align: inherit;">Щракнете върху връзките "Стилов лист 1", "Стилов лист 2", "Стилов лист 3", "Стилов лист 4" по-долу, за да видите различните стилове:</span></span></p><div class="w3-example" style="background-color: #e7e9eb; border-radius: 5px; box-shadow: none; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 30px 10px; text-align: center;"><iframe src="https://www.w3schools.com/css/demo_default.htm" style="background: rgb(255, 255, 255); border-style: none; border-width: initial; box-sizing: inherit; height: 800px; width: 851.031px;"></iframe></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">Защо да използвате CSS?</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS се използва за дефиниране на стилове за вашите уеб страници, включително дизайн, оформление и вариации в дисплея за различни устройства и размери на екрана.</span></p><div class="w3-example" style="background-color: #e7e9eb; border-radius: 5px; box-shadow: none; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -20px; padding: 8px 20px;"><h3 style="box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS пример</span></h3><div class="w3-code notranslate cssHigh" style="background-color: white; border-left: 4px solid rgb(4, 170, 109); box-sizing: inherit; font-family: Consolas, Menlo, "courier new", monospace; margin-bottom: 16px; margin-top: 16px; overflow-wrap: break-word; padding: 8px 12px; width: auto;"><span class="cssselectorcolor" style="box-sizing: inherit; color: brown;">body <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> background-color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> lightblue<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" />h1 <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> color<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> white<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> text-align<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> center<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" />p <span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">{</span><span class="csspropertycolor" style="box-sizing: inherit; color: red;"><br style="box-sizing: inherit;" /> font-family<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> verdana<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /> font-size<span class="csspropertyvaluecolor" style="box-sizing: inherit; color: mediumblue;"><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">:</span> 20px<span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">;</span></span><br style="box-sizing: inherit;" /></span><span class="cssdelimitercolor" style="box-sizing: inherit; color: black;">}</span></span></div><a class="w3-btn w3-margin-bottom" href="https://www.w3schools.com/css/tryit.asp?filename=trycss_intro" style="background-color: #4caf50; border-radius: 5px; border: none; box-sizing: inherit; color: white; cursor: pointer; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-size: 17px; margin-bottom: 16px; overflow: hidden; padding: 6px 18px; text-align: center; text-decoration-line: none; user-select: none; vertical-align: middle; white-space: nowrap;" target="_blank"><span style="box-sizing: inherit; vertical-align: inherit;">Опитайте го сами »</span></a></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS реши голям проблем</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">HTML НИКОГА не е бил предназначен да съдържа тагове за форматиране на уеб страница!</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">HTML е създаден, за да опише съдържанието на уеб страница, като:</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><h1>Това е заглавие</h1></span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><p>Това е абзац.</p></span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">Когато към спецификацията на HTML 3.2 бяха добавени тагове като <font> и цветни атрибути, това започна кошмар за уеб разработчиците. </span><span style="box-sizing: inherit; vertical-align: inherit;">Разработването на големи уебсайтове, където шрифтове и информация за цветовете бяха добавени към всяка отделна страница, се превърна в дълъг и скъп процес.</span></span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">За да разреши този проблем, World Wide Web Consortium (W3C) създаде CSS.</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS премахна стиловото форматиране от HTML страницата!</span></p><div class="w3-note w3-panel" style="background-color: #ffffcc; border-left: none; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin: 24px -32px; padding: 16px 32px;"><p style="box-sizing: inherit; margin-bottom: 1em; margin-top: 1em;"><span style="box-sizing: inherit; vertical-align: inherit;">Ако не знаете какво е HTML, предлагаме ви да прочетете нашия </span><a href="https://www.w3schools.com/html/default.asp" style="background-color: transparent; box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">урок за HTML</span></a><span style="box-sizing: inherit; vertical-align: inherit;"> .</span></p></div><hr style="background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Verdana, sans-serif; font-size: 15px; height: 0px; margin: 20px -16px; overflow: visible;" /><h2 style="background-color: white; box-sizing: inherit; font-family: "Segoe UI", Arial, sans-serif; font-size: 32px; font-weight: 400; margin: 10px 0px;"><span style="box-sizing: inherit; vertical-align: inherit;">CSS спестява много работа!</span></h2><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">Дефинициите на стил обикновено се записват във външни .css файлове.</span></p><p style="background-color: white; box-sizing: inherit; font-family: Verdana, sans-serif; font-size: 15px; margin-bottom: 1.2em; margin-top: 1.2em;"><span style="box-sizing: inherit; vertical-align: inherit;">С външен файл със стилова таблица можете да промените облика на цял уебсайт, като промените само един файл!</span></p><div><span style="box-sizing: inherit; vertical-align: inherit;"><br /></span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-20227581336079834522024-02-29T11:24:00.001-08:002024-02-29T11:24:46.788-08:00Как да вмъкнем CSS<div class="intro" style="background-color: white; box-sizing: border-box; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 10px;">
Когато браузърът разчита CSS файла, той форматира документа в зависимост от информацията в стиловия файл.</div>
<section style="background-color: white; box-sizing: border-box; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;"><h2 style="box-sizing: border-box; color: inherit; font-family: inherit; font-size: 30px; font-weight: 500; line-height: 1.1; margin: 20px 30px 10px 0px;">
Три начина да вмъкнете CSS</h2>
<div style="box-sizing: border-box; margin-bottom: 10px;">
Има три начина за вмъкване на стилове в HTML документ:</div>
<ul style="box-sizing: border-box; margin-bottom: 10px; margin-top: 0px;">
<li style="box-sizing: border-box;"><a href="https://css.w3schools.bg/%d0%ba%d0%b0%d0%ba-%d0%b4%d0%b0-%d0%b2%d0%bc%d1%8a%d0%ba%d0%bd%d0%b5%d0%bc-css/#external_css" style="background-color: transparent; border-bottom: 2px solid rgb(51, 51, 51); box-sizing: border-box; color: #333333; text-decoration-line: none; touch-action: manipulation;" title="към секцията за външен файл">Външен стилов файл</a></li>
<li style="box-sizing: border-box;"><a href="https://css.w3schools.bg/%d0%ba%d0%b0%d0%ba-%d0%b4%d0%b0-%d0%b2%d0%bc%d1%8a%d0%ba%d0%bd%d0%b5%d0%bc-css/#style_css" style="background-color: transparent; border-bottom: 2px solid rgb(51, 51, 51); box-sizing: border-box; color: #333333; text-decoration-line: none; touch-action: manipulation;" title="към секцията за вътрешен файл">Вътрешен стил в head елемента</a></li>
<li style="box-sizing: border-box;"><a href="https://css.w3schools.bg/%d0%ba%d0%b0%d0%ba-%d0%b4%d0%b0-%d0%b2%d0%bc%d1%8a%d0%ba%d0%bd%d0%b5%d0%bc-css/#inline_css" style="background-color: transparent; border-bottom: 2px solid rgb(51, 51, 51); box-sizing: border-box; color: #333333; text-decoration-line: none; touch-action: manipulation;" title="към секцията за inline стилове">Inline стилове</a></li>
</ul>
</section><section id="external_css" style="background-color: white; box-sizing: border-box; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;"><h2 style="box-sizing: border-box; color: inherit; font-family: inherit; font-size: 30px; font-weight: 500; line-height: 1.1; margin: 20px 30px 10px 0px;">
Външен файл със стилове</h2>
<div style="box-sizing: border-box; margin-bottom: 10px;">
Външният файл със стилове се използва, когато стилизирането се отнася за <a href="http://html.w3schools.bg/%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BD%D0%B0-%D1%83%D0%B5%D0%B1-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B8%D1%82%D0%B5" style="background-color: transparent; border-bottom: 2px solid rgb(51, 51, 51); box-sizing: border-box; color: #333333; text-decoration-line: none; touch-action: manipulation;" title="Урок за Оформление на уеб страниците">повече html страници</a>. Чрез него може да промените вида на цял сайт, само чрез промяната на един файл. Това много улеснява работата и съкращава времето за стилизиране, особено за по-големи сайтове. Всяка html страница трябва да съдържа препратка към стиловия файл - препоръчително е това да е в <a href="http://html.w3schools.bg/%D0%B3%D0%BB%D0%B0%D0%B2%D0%B0-%D0%BD%D0%B0-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0" style="background-color: transparent; border-bottom: 2px solid rgb(51, 51, 51); box-sizing: border-box; color: #333333; text-decoration-line: none; touch-action: manipulation;" title="Урок за Елемента <head> - главата на документа в езика HTML">head елемента</a> - съдържащ стиловете:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBoQHAUZOVNs9mO3WchwUVNWeVqvnvFYmZ1KvbaHEmKaytJv8Co70KVvYd8-X1AHhIufIcI5QEIjkkqovHUIHG4PbLlI3c-gkQ8OdXPVAzhYI8UU1ssBX6qtyQ1GJSdWB2pNL6UT3aMbM/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="120" data-original-width="504" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBoQHAUZOVNs9mO3WchwUVNWeVqvnvFYmZ1KvbaHEmKaytJv8Co70KVvYd8-X1AHhIufIcI5QEIjkkqovHUIHG4PbLlI3c-gkQ8OdXPVAzhYI8UU1ssBX6qtyQ1GJSdWB2pNL6UT3aMbM/s400/5.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="box-sizing: border-box; margin-bottom: 10px;">
Външният стилов файл може да се напише на който и да е редактор и файлът не трябва да съдържа <a href="http://html.w3schools.bg/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%B8-%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D1%82%D0%B8" style="border-bottom: 2px solid rgb(51, 51, 51); box-sizing: border-box; color: #333333; text-decoration-line: none; touch-action: manipulation;" title="Урок за Елементи и структурти">HTML тагове</a>. Той трябва да е написан на CSS. Пример: <i style="box-sizing: border-box;">mystyle.css</i> :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSS_aZOg2QfU74ww8ln6xfDwhPnIowkFqfSePppLRS08wEJenx316Z447bo1-AtiTMPcLY00jVpyUeb_pRUCUAXR80JewtaNhbruLPSk6tqhrQqla4UyZuFQ7NCYfclljretzpZlNu_jU/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="225" data-original-width="489" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSS_aZOg2QfU74ww8ln6xfDwhPnIowkFqfSePppLRS08wEJenx316Z447bo1-AtiTMPcLY00jVpyUeb_pRUCUAXR80JewtaNhbruLPSk6tqhrQqla4UyZuFQ7NCYfclljretzpZlNu_jU/s400/6.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Не оставяйте празно място между стойността на свойството и мерната еденица(като margin-left: 20 PX ;), иначе стойността няма да бъде определена правилно. Правилният начин е: margin-left: 20px; </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h2 style="box-sizing: border-box; font-size: 30px; font-weight: 500; line-height: 1.1; margin: 20px 30px 10px 0px;">
Вътрешен стил</h2>
<div style="box-sizing: border-box; margin-bottom: 10px;">
Вътрешният стил се използва за документ, който има уникален стил. Декларира се чрез използването на тагът style в <a href="http://html.w3schools.bg/%D0%B3%D0%BB%D0%B0%D0%B2%D0%B0-%D0%BD%D0%B0-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0" style="background-color: transparent; border-bottom: 2px solid rgb(51, 51, 51); box-sizing: border-box; color: #333333; text-decoration-line: none; touch-action: manipulation;" title="Урок за Елемента <head> - главата на документа в езика HTML">head секцията</a>:</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhncB-fvOy28PxKTLSN1b8aKlP2CnNpOEIsNGBxZsRZijl7sksd9u12arCY-kFaEtdtn-nkRmNFmP1aQxKh1etgpIeR0cHGiG03MSTuGVazG0fOBkL0-9IMhpLnEG7h6AIEyC8c6NpljNs/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="176" data-original-width="566" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhncB-fvOy28PxKTLSN1b8aKlP2CnNpOEIsNGBxZsRZijl7sksd9u12arCY-kFaEtdtn-nkRmNFmP1aQxKh1etgpIeR0cHGiG03MSTuGVazG0fOBkL0-9IMhpLnEG7h6AIEyC8c6NpljNs/s400/7.png" width="400" /></a></div>
<h2 style="box-sizing: border-box; font-size: 30px; font-weight: 500; line-height: 1.1; margin: 20px 30px 10px 0px;">
Inline стилове</h2>
<div style="box-sizing: border-box; margin-bottom: 10px;">
Inline стиловете имат много недостатъци, в сравнение с останалите (като например смесване на съдържание с представяне). Като цяло е доста неудобно и объркващо за тези, които не познават кода ви. Избягвайте употребата на inline стилизиране. Най-добре ползвайте външен CSS файл за оформление. Използвайте този метод внимателно! За да използвате inline стилизиране, трябва да добавите атрибутът style към съответният html елемент. Примерът показва как да промените цвета и отстоянието отляво на <a href="http://html.w3schools.bg/%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%B8-%D1%82%D0%B0%D0%B3%D0%BE%D0%B2%D0%B5" style="background-color: transparent; border-bottom: 2px solid rgb(51, 51, 51); box-sizing: border-box; color: #333333; text-decoration-line: none; touch-action: manipulation;" title="Урок за Основни тагове">параграф</a>:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX8ftyvbhGTrMI4kIUNavXOmQqJs_cwFWXzbzrWisbL1Ic_Jr5VPWjfUL41WA3b3Hgbh5sJvQ1N_2zQ5Kf5q-4VCylKOlGqSKtCUVgTLO1o20uZG_whuhMax0-tPkPARtd7y-85im6Zzo/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="95" data-original-width="384" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX8ftyvbhGTrMI4kIUNavXOmQqJs_cwFWXzbzrWisbL1Ic_Jr5VPWjfUL41WA3b3Hgbh5sJvQ1N_2zQ5Kf5q-4VCylKOlGqSKtCUVgTLO1o20uZG_whuhMax0-tPkPARtd7y-85im6Zzo/s400/8.png" width="400" /></a></div>
<h2 style="box-sizing: border-box; font-size: 30px; font-weight: 500; line-height: 1.1; margin: 20px 30px 10px 0px;">
Множество стилове</h2>
<div style="box-sizing: border-box; margin-bottom: 10px;">
Ако различни свойства са зададени за един и същ елемент, но в различни стилови файлове, стойността, която ще се присвои на елементът е тази, която е най-конкретно зададена. Например, ако във външен стилов файл се съдържат тези свойства за h3 :</div>
<div style="box-sizing: border-box; margin-bottom: 10px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9VvJigOr07lnRDQL0qZiRdi92u54uBpm8WKy0OEswdwHgAr84CYouWxJkxUeeIah-gCyc0J6pfPEJO58YKO4iKQ4C6Bo_nlY2v4YkyOWuDezT1k897ZXMi23-T0i1XdbIWN9vt066wA/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="143" data-original-width="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9VvJigOr07lnRDQL0qZiRdi92u54uBpm8WKy0OEswdwHgAr84CYouWxJkxUeeIah-gCyc0J6pfPEJO58YKO4iKQ4C6Bo_nlY2v4YkyOWuDezT1k897ZXMi23-T0i1XdbIWN9vt066wA/s1600/9.png" /></a></div>
<div style="box-sizing: border-box; margin-bottom: 10px;">
и вътрешен стилов файл съдържа тези свойства за h3:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySFUcQ2QegSX8o20vSnokXMSBvfS6CNYphXvh5ELuF6zXq0gWRJ29gaPH12rb65Utsy9SWVOPfjssXPvGc8O2CesO_1kELl_x-tBYRCB1maZB3jDEzgN_YDx1xz9563xrBVi554ID82Y/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="143" data-original-width="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySFUcQ2QegSX8o20vSnokXMSBvfS6CNYphXvh5ELuF6zXq0gWRJ29gaPH12rb65Utsy9SWVOPfjssXPvGc8O2CesO_1kELl_x-tBYRCB1maZB3jDEzgN_YDx1xz9563xrBVi554ID82Y/s1600/10.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Ако страницата с вътрешният стил съдържа път към външният файл със стилове, свойствата които h3 ще приеме са:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibxE3o-AYhtHgM8chiM_iGifRcuOPKN22o4Px43MOUZ3gNTBrB73-4Ui9wvFFLZpmNEKlif6eIF7WZ4cZbNXEjIFe7WD79kFpPPtum-OvzkruuJe5Mw1F2AN4lJg2hG5xWJg08dkkbzME/s1600/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="143" data-original-width="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibxE3o-AYhtHgM8chiM_iGifRcuOPKN22o4Px43MOUZ3gNTBrB73-4Ui9wvFFLZpmNEKlif6eIF7WZ4cZbNXEjIFe7WD79kFpPPtum-OvzkruuJe5Mw1F2AN4lJg2hG5xWJg08dkkbzME/s1600/11.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: center;">Цветът е наследен от външния стилов файл, а останалите се присвояват от вътрешния. Като заключение - по-конкретните стилове винаги имат приоритет!</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: center;"><br /></span></div>
<h3 style="box-sizing: border-box; font-size: 24px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;">
Йерархия в прилагането на стилове</h3>
<div style="box-sizing: border-box; margin-bottom: 10px;">
Кой стил ще се използва при наличието на 2 различни за един и същи HTML елемент? Можем да кажем, че важността на стиловете зависи от следното:</div>
<ol style="box-sizing: border-box; margin-bottom: 10px; margin-top: 0px;">
<li style="box-sizing: border-box;">Стиловете от браузърът</li>
<li style="box-sizing: border-box;">Външен стилов файл</li>
<li style="box-sizing: border-box;">Вътрешен стил (в head секцията)</li>
<li style="box-sizing: border-box;">Inline стил (в HTML елемент)</li>
</ol>
<div style="box-sizing: border-box; margin-bottom: 10px;">
Така че, един inline стил (вътре в HTML елемент) има най-висок приоритет, което означава, че той ще замени стил дефиниран в head секцията, или във външен стилов файл и ще пренебрегне стойностите по подразбиране на браузъра. Това се получава, защото той е най-конкретно зададен.</div>
<div class="separator" style="clear: both;">
<span style="box-sizing: border-box; font-weight: 700;">Забележка:</span> Ако връзката към външен стил лист е поставена след вътрешния стил в HTML файла, външните стилове ще заменят вътрешните!</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="box-sizing: border-box; margin-bottom: 10px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="box-sizing: border-box; margin-bottom: 10px;">
<br /></div>
<div style="box-sizing: border-box; margin-bottom: 10px;">
<br /></div>
</section>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-72061157834244318322024-02-29T11:24:00.000-08:002024-02-29T11:24:11.486-08:00Въведение в езика CSS стилизирани HTML уеб страници<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal">
<span style="font-size: 22.5pt;">Какво е CSS?</span></div>
<ul type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , serif; font-size: 12pt;">CSS е съкратено от Cascading Style Sheets<o:p></o:p></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , serif; font-size: 12pt;">CSS е език, който определя външният вид и подредбата на HTML елементите<o:p></o:p></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , serif; font-size: 12pt;">Той е бил добавен в HTML4, за да улесни стилизирането<o:p></o:p></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , serif; font-size: 12pt;">Използването на външни стилове може да ви спести много работа и време<o:p></o:p></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , serif; font-size: 12pt;">Външните стилове се съхраняват в CSS файлове<o:p></o:p></span></li>
</ul>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , serif; font-size: 12pt;">Един и същ HTML документ може да бъде представен с различни стилове</span><span lang="EN-US" style="font-family: "times new roman" , serif; font-size: 12pt;">.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin: 15pt 22.5pt 7.5pt 0cm;">
<span style="font-family: inherit , serif; font-size: 22.5pt;">Стиловете разрешават голям проблем със стилизирането на документи<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt;">
<span style="font-family: "times new roman" , serif; font-size: 12pt;">HTML, като цяло, никога не е бил предназначен да съдържа форматиращи тагове. Предназначението му е да определя съдържанието на документа, като:<o:p></o:p></span></div>
<div style="border-bottom: 1pt solid windowtext; border-image: initial; border-left: none; border-right: none; border-top: none; padding: 0cm 0cm 1pt;">
<div align="center" class="MsoNormal" style="border: none; line-height: normal; margin-bottom: 0.0001pt; padding: 0cm; text-align: center;">
</div>
</div>
<div style="border: 1pt solid rgb(204, 204, 204); padding: 0cm 3pt;">
<div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: 0.0001pt; padding: 0cm; word-break: break-all;">
<span style="font-size: 10pt;"><</span><span style="color: #117700; font-family: inherit , serif; font-size: 10pt;">h1</span><span style="font-size: 10pt;">>Това е заглавие</</span><span style="color: #117700; font-family: inherit , serif; font-size: 10pt;">h1</span><span style="font-size: 10pt;">><o:p></o:p></span></div>
<div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: 0.0001pt; padding: 0cm; word-break: break-all;">
<span style="font-size: 10pt;"><</span><span style="color: #117700; font-family: inherit , serif; font-size: 10pt;">p</span><span style="font-size: 10pt;">>Това е параграф.</</span><span style="color: #117700; font-family: inherit , serif; font-size: 10pt;">p</span><span style="font-size: 10pt;">><o:p></o:p></span></div>
</div>
<div style="border-bottom: none; border-image: initial; border-left: none; border-right: none; border-top: 1pt solid windowtext; padding: 1pt 0cm 0cm;">
<div align="center" class="MsoNormal" style="border: none; line-height: normal; padding: 0cm; text-align: center;">
</div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt;">
<span style="font-family: "times new roman" , serif; font-size: 12pt;">Когато тагове като <font> и атрибути, определящи цветовете, се включват в спецификацията на HTML 3.2 започва и кошмарът за developer-ите. Създаването на големи сайтове, където <a href="https://css.w3schools.bg/font-%D0%BF%D1%80%D0%BE%D0%BF%D1%8A%D1%80%D1%82%D0%B8%D1%82%D0%B0" title="Урок за Шрифтови Настройки"><span style="color: #333333; text-decoration-line: none;">шрифтовете и цветовете</span></a> e трябвало да бъдат добавяни за всяка страница отделно, се превърнало в дълъг и скъп процес. За да се разреши проблема, <a href="https://www.w3.org/" target="_blank"><span style="color: #333333; text-decoration-line: none;">World Wide Web Consortium (W3C)</span></a> създават CSS. В HTML 4.0 се дава възможност всяко форматиране, включено в HTML, да се премахне и съхрани в отделен CSS файл. Всички браузъри днес поддържат CSS.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin: 15pt 22.5pt 7.5pt 0cm;">
<div class="MsoNormal" style="background-color: #c0a154; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.524px; margin: 0cm 11pt; text-align: justify; text-indent: 5pt;">
<span style="font-family: Verdana, sans-serif;">Разполагането на цялата информация за стиловете в един външен файл ни дава и други полезни възможности - дори с промяна само на един (!) стилов файл, ние можем за броени секунди да сменим дизайна на целия сайт. При това никакви други преработки няма да са необходими. Разбира се това е възможно само в случай, че първоначално сайтът е бил проектиран правилно.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: #c0a154; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.524px; margin: 0cm 11pt; text-align: justify; text-indent: 5pt;">
<span style="font-family: Verdana, sans-serif;">Целта на web разработчиците е да премахнат презентацията от <strong>HTML</strong> кода, оставяйки го чист и разбираем.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: #c0a154; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0cm 11pt; text-align: justify; text-indent: 5pt;">
<span style="font-family: Verdana, sans-serif;"><b><span style="font-size: large;">Предимствата на това са:</span></b><span style="font-size: 13.524px;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="background-color: #c0a154; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.524px; margin: 0cm 11pt; text-align: justify; text-indent: 5pt;">
</div>
<span style="font-family: inherit , serif; font-size: 22.5pt;"></span><br />
<ul style="background-color: #c0a154; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.524px; line-height: 1.4; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;" type="circle">
<li class="MsoNormal" style="border: none; margin: 0px 12.5pt 0.25em 0px; padding: 0px;"><span style="font-family: Verdana, sans-serif;">По-голяма достъпност на различни видове устройства (браузери)<o:p></o:p></span></li>
<li class="MsoNormal" style="border: none; margin: 0px 12.5pt 0.25em 0px; padding: 0px;"><span style="font-family: Verdana, sans-serif;">Лесно обновяване на сайта - по добре да актуализраме 1 css файл, отколкото всичките html файлове<o:p></o:p></span></li>
<li class="MsoNormal" style="border: none; margin: 0px 12.5pt 0.25em 0px; padding: 0px;"><span style="font-family: Verdana, sans-serif;">По-малък размер на кода. Зтова води след себе си по-малкия размер на изходния файл и следователно по-бързото му зареждане.<o:p></o:p></span></li>
<li class="MsoNormal" style="border: none; margin: 0px 12.5pt 0.25em 0px; padding: 0px;"><span style="font-family: Verdana, sans-serif;">По-малкият размер на кода позволява много по-лесна обработка и обновяване<o:p></o:p></span></li>
<li class="MsoNormal" style="border: none; margin: 0px 12.5pt 0.25em 0px; padding: 0px;"><span style="font-family: Verdana, sans-serif;">Повече контрол над кода </span></li>
</ul>
<span style="font-family: inherit , serif; font-size: 22.5pt;">CSS спестява много работа!<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt;">
<span style="font-family: "times new roman" , serif; font-size: 12pt;">CSS е език, който определя външният вид и подредбата на <a href="http://html.w3schools.bg/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%B8-%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D1%82%D0%B8" title="Урок за Елементи и структурти"><span style="color: #333333; text-decoration-line: none;">HTML елементите</span></a>. <a href="https://css.w3schools.bg/%D0%BA%D0%B0%D0%BA-%D0%B4%D0%B0-%D0%B2%D0%BC%D1%8A%D0%BA%D0%BD%D0%B5%D0%BC-css" title="Урок за Как да вмъкнем CSS"><span style="color: #333333; text-decoration-line: none;">Стиловете обикновенно се съхраняват във външни css файлове</span></a>, които ви позволяват да смените външният вид на страницата, променяйки само един файл, без да променяте файла със съдържанието на страницата.<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt;">
<span style="color: #333333; font-family: "arial" , sans-serif; font-size: 19.5pt;">Синтаксис на езика – или как да пишем правилно CSS<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="background: white; color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt; line-height: 14.98px;">Всяко CSS правило се състои от селектор и блок за деклариране:</span><span style="background: white; color: #333333; font-size: 10.5pt; line-height: 14.98px;"><o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 7.5pt;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNYsVPTBK8j1KjiEsV9IghNQS4GXbVJuaSeaLaX8_C5hS_0OprvmZN4RTsb3KYcHjvXlsCtFIDLQ16Bv0UOI6vMdmPOe0bZSa-DDiAz4yt2WpMks-nb6UPruSNHdQkCX6Fh3dGZUh1tTM/s1600/1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="182" data-original-width="801" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNYsVPTBK8j1KjiEsV9IghNQS4GXbVJuaSeaLaX8_C5hS_0OprvmZN4RTsb3KYcHjvXlsCtFIDLQ16Bv0UOI6vMdmPOe0bZSa-DDiAz4yt2WpMks-nb6UPruSNHdQkCX6Fh3dGZUh1tTM/s640/1.png" width="640" /></a><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"></span><br />
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span></span>
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span></span>
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span></span>
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span></span>
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span></span>
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span></span>
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span></span>
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span></span>
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /></span></span>
<span style="color: #333333; font-family: "helvetica" , sans-serif; font-size: 10.5pt;"><br /><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin: 15pt 22.5pt 7.5pt 0cm;">
<span style="font-family: inherit , serif; font-size: 22.5pt;"><br /></span>
<span style="font-family: inherit , serif; font-size: 22.5pt;">CSS Пример<o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tIeSMK4lAYr7yUkOCFWQmwwVbmePNEd6iGoZTYXjsNgWlPL8xjh0rqetNFXn5RFBuMj9Duj9_Zr6WgmTa5c2kJgi89aTSz_GIDEFegSI3Zp-2EJ5nO8TnUjWOOnnStNe-VwU2gV-NBU/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="73" data-original-width="322" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tIeSMK4lAYr7yUkOCFWQmwwVbmePNEd6iGoZTYXjsNgWlPL8xjh0rqetNFXn5RFBuMj9Duj9_Zr6WgmTa5c2kJgi89aTSz_GIDEFegSI3Zp-2EJ5nO8TnUjWOOnnStNe-VwU2gV-NBU/s320/2.png" width="320" /></a></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt;">
<span style="font-family: "times new roman" , serif; font-size: 12pt;">Всяка декларация завършва задължително със знака <span style="color: red;">;</span> (точка и запетая). Като блокът за деклариране се огражда в <span style="color: red;">{</span> и <span style="color: red;">}</span> (къдрави скоби)</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt;">
<span style="background-color: white; color: #333333; font-family: "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: 14px;">За да направите CSS кодът по-четим, може да го разделите на редове:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwI8aY57tKDDfONBXjmDl7HmYlT4BUSJ6hHqfOFqICtY3-OZqOIj_hnJ6FiufPhoqK0c3kZkLOYm7vanjx3sXS8tvOkAdwsr8SlCTKzpes1UmIhyphenhyphenmpC2JjuFul65-Gon0b3HulPYKpHQk/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="120" data-original-width="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwI8aY57tKDDfONBXjmDl7HmYlT4BUSJ6hHqfOFqICtY3-OZqOIj_hnJ6FiufPhoqK0c3kZkLOYm7vanjx3sXS8tvOkAdwsr8SlCTKzpes1UmIhyphenhyphenmpC2JjuFul65-Gon0b3HulPYKpHQk/s1600/3.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKybvJ2GRkEXztuzPpIhrjDgHJUEGhqe8U2e-ELGBydbhBzk7z8853U-5jzTFK6ftpkh2EFyKBiuNjHo1_AHCqg4udBSVHZQqHKEZEQlhclR_UcIhndyQ0zhPfoZWEZ3w-De-OA1miO7c/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="323" data-original-width="1217" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKybvJ2GRkEXztuzPpIhrjDgHJUEGhqe8U2e-ELGBydbhBzk7z8853U-5jzTFK6ftpkh2EFyKBiuNjHo1_AHCqg4udBSVHZQqHKEZEQlhclR_UcIhndyQ0zhPfoZWEZ3w-De-OA1miO7c/s640/4.png" width="640" /></a></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt;">
<span style="background-color: white; color: #333333; font-family: "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: 14px;"><br /></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt;">
<span style="font-family: "times new roman" , serif; font-size: 12pt;"><br /></span></div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-11327203611755111502024-02-29T11:13:00.000-08:002024-02-29T11:13:21.201-08:00Абсолютно адресиране - упражнение<p> 1 задача:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXrZup3Y7TT6JqdvNyclfcRFMAS_fsqTBXSSZ8dThq-FBKELzgtMugfugzqlFOMsDU8q-z0loMclZNvJk46XW11jYwDtKJGMydfwTafMKxANL4V8FJBUvRsNCVyfebiRmbMl6813G9XgDGb8Yr63kOPWTQ3qCs1vmvNwgKOsCKXk3o5CZXnoW2-Xyn/s886/izpitvane%201.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="291" data-original-width="886" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXrZup3Y7TT6JqdvNyclfcRFMAS_fsqTBXSSZ8dThq-FBKELzgtMugfugzqlFOMsDU8q-z0loMclZNvJk46XW11jYwDtKJGMydfwTafMKxANL4V8FJBUvRsNCVyfebiRmbMl6813G9XgDGb8Yr63kOPWTQ3qCs1vmvNwgKOsCKXk3o5CZXnoW2-Xyn/w640-h210/izpitvane%201.png" width="640" /></a></div><p><br /></p><p>2 задача: Въведете и пресметнете:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlb1Q-kEGnmBm4gSMaTmP27pFJgGbjjqZvAd1iq3HZQPjJrhC7xZvpQ-ekaA-VuzNmTdqSkKj2gfDk9meCwrd2GrhnOQt5ZJXijejUcX2KtEwPEj0m2U-SqV97ZyocfP_rkg0n4akAJa9Dsdz14R7tZ12g37cxP6MPpmk_yspHG8bxo0lR0gWaNk1t/s725/izpitvave1_1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="243" data-original-width="725" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlb1Q-kEGnmBm4gSMaTmP27pFJgGbjjqZvAd1iq3HZQPjJrhC7xZvpQ-ekaA-VuzNmTdqSkKj2gfDk9meCwrd2GrhnOQt5ZJXijejUcX2KtEwPEj0m2U-SqV97ZyocfP_rkg0n4akAJa9Dsdz14R7tZ12g37cxP6MPpmk_yspHG8bxo0lR0gWaNk1t/w640-h214/izpitvave1_1.png" width="640" /></a></div><br /><p><br /></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-91593842886270667092024-02-29T11:12:00.000-08:002024-02-29T11:12:57.993-08:00Видове адресиране в Excel<p> <b style="text-align: justify;"><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;"><span style="color: purple;">1. Относително адресиране</span> - </span></b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt; text-align: justify;"> това е нормалното адресиране, което използваме във формулите. Примерно: А5, D</span><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt; text-align: justify;">12, </span><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt; text-align: justify;">Q</span><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt; text-align: justify;">32</span><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt; text-align: justify;"> и т.н.</span></p><p><span style="color: #666666; font-family: "times new roman", serif; font-size: 14pt; text-align: justify;"> Характеризира се със следното: Формулната клетка не помни точно адресите на клетките, включени в съдържанието й, а местоположението на тези клетки спрямо себе си.</span></p><div class="MsoNormal" style="line-height: normal; margin: 0cm 0cm 5pt; text-align: justify;"><div class="MsoNormal" style="line-height: normal; margin: 0cm 0cm 5pt;"><b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;"><span style="color: purple;">2. Абсолютно адресиране</span> – </span></b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">при него клетката се помни с точния си адрес, независимо от мястото, на което ще бъде преместена формулата, в която участва. Отличава се с това, че името на колоната и номерът на реда в адреса се предшестват от </span><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">$</span></b><b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">. </span></b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">Примерно: </span><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">$</span></b><b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">D</span></b><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">$3, $</span></b><b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">A</span></b><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">$7 </span></b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">и т.н. При въвеждане на формулата, <b> </b></span><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">$</span></b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;"> може да се напише от клавиатурата или да се натисне <b>F4</b> върху адреса. Този клавиш сменя алтернативно различните типове адресация</span><span face=""arial" , "sans-serif"" style="color: #666666; font-size: 10pt;"><o:p></o:p></span></div><br style="text-align: left;" /><div class="MsoNormal" style="line-height: normal; margin: 0cm 0cm 5pt;"><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;"> Ако в <b>Е</b></span><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">4</span></b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;"> </span><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">имаме </span><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">=</span></b><b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">B</span></b><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">3+$</span></b><b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">C</span></b><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">$4</span></b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;"> и го копираме в <b>D</b></span><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">5,</span></b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;"> </span><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">резултатът ще е:</span><span face=""arial" , "sans-serif"" style="color: #666666; font-size: 10pt;"><o:p></o:p></span></div><br style="text-align: left;" /><div class="MsoNormal" style="line-height: normal; margin: 0cm 0cm 5pt;"><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">=</span></b><b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">A</span></b><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">4+$</span></b><b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">C</span></b><b><span lang="RU" style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">$4</span></b><b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;"> (</span></b><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">относителният адрес ще се смени по познатата зависимост за местоположението, но абсолютният остава фиксиран).</span><span face=""arial" , "sans-serif"" style="color: #666666; font-size: 10pt;"><o:p></o:p></span></div><br style="text-align: left;" /><div class="MsoNormal" style="line-height: normal; margin: 0cm 0cm 5pt;"><span face=""arial" , "sans-serif"" style="color: #666666; font-size: 10pt;"> </span><b><span style="font-family: "times new roman" , "serif"; font-size: 14pt;"> </span><span style="color: #800180; font-family: "times new roman" , "serif"; font-size: 14pt;">3. Смесено адресиране</span><span style="font-family: "times new roman" , "serif"; font-size: 14pt;"> – </span></b><span style="font-family: "times new roman" , "serif"; font-size: 14pt;">характеризира се с това, че единият му параметър се третира като абсолютен, а другият – като относителен. Използва се рядко. Примери за такова адресиране са: C</span><span lang="RU" style="font-family: "times new roman" , "serif"; font-size: 14pt;">$4, $</span><span style="font-family: "times new roman" , "serif"; font-size: 14pt;">C</span><span lang="RU" style="font-family: "times new roman" , "serif"; font-size: 14pt;">4</span><span style="font-family: "times new roman" , "serif"; font-size: 14pt;">.</span></div><div><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;"><div class="MsoNormal" style="color: black; font-family: "Times New Roman"; font-size: medium; line-height: 24px; margin: 0cm 0cm 0pt; text-align: left;"><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt; line-height: 28px;">$C10 – фиксирана е колона С</span><span face=""arial" , "sans-serif"" style="color: #666666; font-size: 10pt; line-height: 20px;"><o:p></o:p></span></div><br style="color: black; font-family: "Times New Roman"; font-size: medium; text-align: left;" /><div class="MsoNormal" style="color: black; font-family: "Times New Roman"; font-size: medium; line-height: 24px; margin: 0cm 0cm 10pt; text-align: left;"><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt; line-height: 28px;">D$15 – фиксиран е ред 15</span></div></span></div></div><p><span style="color: #444444; font-size: medium;"><u><b> 1. <span style="mso-bidi-font-weight: normal;"><span style="font-family: "times new roman" , "serif";">Задача:</span></span></b></u></span></p><div class="MsoNormal" style="line-height: normal; margin: 0cm 0cm 10pt;"><span style="color: #666666; font-family: "times new roman" , "serif"; font-size: 14pt;">Живущите е с. Eлхово заплащат ежемесечно изразходваната питейна вода. Във всяка къща е монтиран водомер, с помощта на който се отчита количеството ( измерено е кубически метри) на употребената вода. Цената на 1 кубически метър вода се определя от кметството за всеки изминал месец в зависимост от направените за добиването й разходи (ток, поддръжка на водопроводната мрежа и др.). Съставете електронна таблица, с помощта на която инкасаторът за селото да отчита, изчислява и събира дължимите суми.</span><span face=""arial" , "sans-serif"" style="color: #666666; font-size: 10pt;"><o:p></o:p></span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitBBisY7xL0W5R1GhB95RAkj95Qt3jm1oqIgfC8Mk_is4_PE_oI0tXqpcePLQ_rets6Nr0LvLiPmvrGVZT38lcfg67ZCo5eCrLxqXNKXOFFRhyy8vEwpNL9l6fbgeO6xy77Tu6LgZm5DA/s1600/abs3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitBBisY7xL0W5R1GhB95RAkj95Qt3jm1oqIgfC8Mk_is4_PE_oI0tXqpcePLQ_rets6Nr0LvLiPmvrGVZT38lcfg67ZCo5eCrLxqXNKXOFFRhyy8vEwpNL9l6fbgeO6xy77Tu6LgZm5DA/s320/abs3.png" width="320" /></a></div><div><br /></div><h3><b><u>2 задача:</u></b></h3><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0GMA4jZI0JE1ypE0rRgnXZYkzPToTkcpPDUMQXYjx3SBOkiUJY17ghtJIszlz4fHufTZU7WiGLeh79pKxhJwcWFlZ9ZswApONWl7yCOMgfvlKVcicEeHVzgc8kY88iiaZC6VDOV85cbU/s1600/1.png" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="348" data-original-width="659" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0GMA4jZI0JE1ypE0rRgnXZYkzPToTkcpPDUMQXYjx3SBOkiUJY17ghtJIszlz4fHufTZU7WiGLeh79pKxhJwcWFlZ9ZswApONWl7yCOMgfvlKVcicEeHVzgc8kY88iiaZC6VDOV85cbU/s640/1.png" width="640" /></a></p><br /><br /><div class="MsoNormal"><span lang="EN-US" style="mso-ansi-language: EN-US;">1.</span><span lang="EN-US"> </span>Да се подреди, очертае и оцвети таблицата.<o:p></o:p></div><div class="MsoNormal">2. Да се форматират клетките в съответната валута.<o:p></o:p></div><div class="MsoNormal">3. Да се пресметне колона „Цена на жилището в евро“.<o:p></o:p></div><div class="MsoNormal">4. Да се пресметне колона „Цена на жилището в лева“.<o:p></o:p></div><div class="MsoNormal">5. Да се пресметне средна цена на жилището (жълта клетка).<o:p></o:p></div><div class="MsoNormal">6. Да се намери квадратурата на най-голямото жилище (зелена клетка).</div><div class="MsoNormal"><br /></div><div class="MsoNormal"><br /></div><div class="MsoNormal"><b><u><span style="font-size: medium;">3 задача:</span></u></b></div><div class="MsoNormal"><br /><o:p></o:p><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGwefhkPfiVKC-3eaYzVZcEEcRIeUYmuQEJqFjH52wMDXcXMqWGeD0aBNBsqFKSLPAmx1Dv7TbL4OQWt7cO1xfBxUAOftgYNe9yOX56bYG3zkjFdfrfkDBVed-kmx4gbz0v15mrd5A1yQ/s1600/excel3.gif" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGwefhkPfiVKC-3eaYzVZcEEcRIeUYmuQEJqFjH52wMDXcXMqWGeD0aBNBsqFKSLPAmx1Dv7TbL4OQWt7cO1xfBxUAOftgYNe9yOX56bYG3zkjFdfrfkDBVed-kmx4gbz0v15mrd5A1yQ/s320/excel3.gif" width="320" /></a></div></div><br /><br />Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-30310339450322624082024-02-25T10:55:00.000-08:002024-02-25T10:55:36.311-08:00Упражнение Excel - изчисления с %<p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK68R7MDCR6uSht5x-2Z7LSB2Vla_HOl-vwS3wHOR8vuZx3-2I88fwdbowFIS9wPXdoZYTMy3VQGRQDWvjCX-nKpPmR1JlpDMsVpM5Cywpn2w_D69lEYhY1dAaCkjfgCfV70btKNnhe-tgpErGH77PSMxuWH1RVqR0MrZ_r_GNWLLtFr4Hw-2BQzKK/s601/excel4.10.22.gif" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="505" data-original-width="601" height="538" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK68R7MDCR6uSht5x-2Z7LSB2Vla_HOl-vwS3wHOR8vuZx3-2I88fwdbowFIS9wPXdoZYTMy3VQGRQDWvjCX-nKpPmR1JlpDMsVpM5Cywpn2w_D69lEYhY1dAaCkjfgCfV70btKNnhe-tgpErGH77PSMxuWH1RVqR0MrZ_r_GNWLLtFr4Hw-2BQzKK/w640-h538/excel4.10.22.gif" width="640" /></a></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4994342681342936425.post-72805829110693008972024-02-25T10:49:00.000-08:002024-02-25T10:49:47.771-08:00Вмъкване и форматиране на графични изображения<p> <span style="background-color: #ff00fe;"><b><span style="font-size: large;"> 1 задача: Изтеглете файла:</span></b></span> <a href="https://dox.abv.bg/download?id=fd97e5bc58# -> линк за сваляне" target="_blank"><span style="font-size: large;">simeon.docx</span></a></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC2hUVNwnavn_o6kLJVu9dDTrzcwTatWq52M290XbIrNu2u5QH-YWw_dSvGAfH-rK-fkzw01ETrqBljUwKP86UGOufjyeDiNbMCzXrWJqMlfkiDPlJp-2SI-Sme615iYnsvCgWt2L9_SWmAEpRzfMAHXvg2rexPrZSpJJekS6mkMWTX6ib80U5kpoc7Lc/s447/9b_1.1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="447" data-original-width="406" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC2hUVNwnavn_o6kLJVu9dDTrzcwTatWq52M290XbIrNu2u5QH-YWw_dSvGAfH-rK-fkzw01ETrqBljUwKP86UGOufjyeDiNbMCzXrWJqMlfkiDPlJp-2SI-Sme615iYnsvCgWt2L9_SWmAEpRzfMAHXvg2rexPrZSpJJekS6mkMWTX6ib80U5kpoc7Lc/s320/9b_1.1.png" width="291" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLc6bhcw4pwj69F0mv39PUrgCAA7d5gESYO5mBrHHij0BNy_QzVrkkZ1Mga59QrOsJUETmGOtwOr-MBLFpStL6ABop2HQ551hj46IDuLIgLVCz35qaAkP_HEcvANZnKyWdHI2kTIBxl9sqyiX2jkfzcgI4JepmrqyBR7vmt9JJKuR8mDuZn-ViABJEe4/s435/preslav.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="282" data-original-width="435" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLc6bhcw4pwj69F0mv39PUrgCAA7d5gESYO5mBrHHij0BNy_QzVrkkZ1Mga59QrOsJUETmGOtwOr-MBLFpStL6ABop2HQ551hj46IDuLIgLVCz35qaAkP_HEcvANZnKyWdHI2kTIBxl9sqyiX2jkfzcgI4JepmrqyBR7vmt9JJKuR8mDuZn-ViABJEe4/s320/preslav.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqo2y97kyghUWpZ6YD3giQboyuV_2IM01wYf6yx8iquVkpUpHYHQ1p5toccOFOjMg6jSUo1zSuFgPeNpmZyvhJ499p5Eusc-HwqalfI7io2UwVYPcXZAGOZyTfIuLgX4FI51OBWOsZiGq2kCd24EFpjydjqYnMlM3K4nZMgH1XlLod4wrm5oWGBXCoHU8/s787/aheloy.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="341" data-original-width="787" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqo2y97kyghUWpZ6YD3giQboyuV_2IM01wYf6yx8iquVkpUpHYHQ1p5toccOFOjMg6jSUo1zSuFgPeNpmZyvhJ499p5Eusc-HwqalfI7io2UwVYPcXZAGOZyTfIuLgX4FI51OBWOsZiGq2kCd24EFpjydjqYnMlM3K4nZMgH1XlLod4wrm5oWGBXCoHU8/s320/aheloy.jpg" width="320" /></a></div><div><br /></div><div><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBGSrVZ_rp1RUs1YvSVjVE0z12ulN32Qz06ICs3hWVTX8OLw6XToCRdJ-2I7IDJgeDR0k1vGwWjYf7fqFZtYwOMekPCKvd4Os0s1l8mIvwAX43HY3P773WVCX7bpZtAgC6mHZVt564SyPWY0qdhU-boXn5zxN3FvP6j0fZjseEHv9bS4T2pcTSjAbf4WQ/s1156/bulgarofigon.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="480" data-original-width="1156" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBGSrVZ_rp1RUs1YvSVjVE0z12ulN32Qz06ICs3hWVTX8OLw6XToCRdJ-2I7IDJgeDR0k1vGwWjYf7fqFZtYwOMekPCKvd4Os0s1l8mIvwAX43HY3P773WVCX7bpZtAgC6mHZVt564SyPWY0qdhU-boXn5zxN3FvP6j0fZjseEHv9bS4T2pcTSjAbf4WQ/s320/bulgarofigon.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbrQvy05_0PrxlPLrYLtxkcFNqsiiy7zjBcoIIeLuyQZMV8v-B6SldXV9uyAl6-rpYf_fNTY-11R0jzMdnb9jeLUJ7CMhwnqJZ_801XkNDAC_z2JjQe-vfCqd5FEmCA1vfHcyt-veHEai9DsYT43MiZJcmUFR2DyZ19etEIAjDGduvSZpE3G2jM8916Xw/s394/simeon.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="382" data-original-width="394" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbrQvy05_0PrxlPLrYLtxkcFNqsiiy7zjBcoIIeLuyQZMV8v-B6SldXV9uyAl6-rpYf_fNTY-11R0jzMdnb9jeLUJ7CMhwnqJZ_801XkNDAC_z2JjQe-vfCqd5FEmCA1vfHcyt-veHEai9DsYT43MiZJcmUFR2DyZ19etEIAjDGduvSZpE3G2jM8916Xw/s320/simeon.jpg" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"></td></tr></tbody></table><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div></div><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Pc0BJkRfHTJpCd_Uz8EJykDNBfU8Yc2Qi3XNcBjUHzTIGCVYSJugIqjJShE0SdFTVBQa8gXXbA8m9MUiDvqUtrmjeKnOB3r6M15fH6CtcIKEZThFAXxJ60ySJDzWXJCCgbgYonpcTd7CrOZUc-e5tOnt4qYH_OK67JqaE4eG_cO9086cKCkLQj3WBy4/s819/9b_1.2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="188" data-original-width="819" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Pc0BJkRfHTJpCd_Uz8EJykDNBfU8Yc2Qi3XNcBjUHzTIGCVYSJugIqjJShE0SdFTVBQa8gXXbA8m9MUiDvqUtrmjeKnOB3r6M15fH6CtcIKEZThFAXxJ60ySJDzWXJCCgbgYonpcTd7CrOZUc-e5tOnt4qYH_OK67JqaE4eG_cO9086cKCkLQj3WBy4/w640-h146/9b_1.2.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><span style="background-color: #ff00fe;"><b><span style="font-size: large;">2 задача: Изтеглете файла:</span></b></span> <a href="https://dox.abv.bg/download?id=bf2ff0d762# -> линк за сваляне" target="_blank"><span style="font-size: large;">kontinenti.docx</span></a><p></p><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKcX49faXHyN9SVDtXH5N3IgV_zX13Mhvg_Vp8WfMo88TkpAU1uBEC9Yctl9mLnGruHVaZo5FWMsBfYS3TjnFdBnaLg7spnR1XQZdSwNlUcLuquHlcPKl-lynOP9VYbzphfjrm5lwG7lNgZJYLvQ6qhCub5xcQZeJXNOxYqZEUbAhcPTqPf7osy5yblTg/s831/9b_2.2.png" style="margin-left: 1em; margin-right: 1em;"></a><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKcX49faXHyN9SVDtXH5N3IgV_zX13Mhvg_Vp8WfMo88TkpAU1uBEC9Yctl9mLnGruHVaZo5FWMsBfYS3TjnFdBnaLg7spnR1XQZdSwNlUcLuquHlcPKl-lynOP9VYbzphfjrm5lwG7lNgZJYLvQ6qhCub5xcQZeJXNOxYqZEUbAhcPTqPf7osy5yblTg/s831/9b_2.2.png" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqL40AmxbjRrMBfM2Ni__BJSt7JJtDtipe-XFLdPcvrgNWyge_IjZUvw3tqopGSIOaUNelzP8bbuEMovVxhZ-n1hQB4yad2YM4otiU4ZMIyI9pVS4shaYTyEuGJcZ6M0H1FyiZCqo7olkD7KgqXleRXpqWCoSpomO6igN_muDLHzuWQTFVo3zSahX8fU/s423/9b_2.1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="356" data-original-width="423" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqL40AmxbjRrMBfM2Ni__BJSt7JJtDtipe-XFLdPcvrgNWyge_IjZUvw3tqopGSIOaUNelzP8bbuEMovVxhZ-n1hQB4yad2YM4otiU4ZMIyI9pVS4shaYTyEuGJcZ6M0H1FyiZCqo7olkD7KgqXleRXpqWCoSpomO6igN_muDLHzuWQTFVo3zSahX8fU/s320/9b_2.1.png" width="320" /><img border="0" data-original-height="154" data-original-width="831" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKcX49faXHyN9SVDtXH5N3IgV_zX13Mhvg_Vp8WfMo88TkpAU1uBEC9Yctl9mLnGruHVaZo5FWMsBfYS3TjnFdBnaLg7spnR1XQZdSwNlUcLuquHlcPKl-lynOP9VYbzphfjrm5lwG7lNgZJYLvQ6qhCub5xcQZeJXNOxYqZEUbAhcPTqPf7osy5yblTg/w640-h118/9b_2.2.png" width="640" /></a></div></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div>Unknownnoreply@blogger.com