{"id":2346,"date":"2022-06-15T14:34:00","date_gmt":"2022-06-15T11:34:00","guid":{"rendered":"https:\/\/www.nav.ro\/blog\/?p=2346"},"modified":"2022-06-16T08:46:36","modified_gmt":"2022-06-16T05:46:36","slug":"cum-folosim-limbajul-css-pentru-a-da-stil-siteului","status":"publish","type":"post","link":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/","title":{"rendered":"Cum folosim limbajul CSS pentru a da stil siteului?"},"content":{"rendered":"\n<p>V\u0103 aminti\u021bi HTML (Hypertext Markup Language)? Limbajul de codare care serve\u0219te drept funda\u021bie pentru orice dezvoltare web? Ei bine, dac\u0103 HTML este primul limbaj pe care ve\u021bi dori s\u0103 \u00eel \u00eenv\u0103\u021ba\u021bi atunci c\u00e2nd vre\u021bi s\u0103 construi\u021bi site-uri web, atunci CSS este al doilea.<\/p>\n\n\n\n<p>Ce este CSS? \u0218i ce leg\u0103tur\u0103 are cu HMTL?<br>CSS \u00eenseamn\u0103 Cascading Style Sheets, cu accent pus pe \u201eStyle\u201d. \u00cen timp ce HTML este folosit pentru a structura un document web (definind termeni precum titluri \u0219i paragrafe \u0219i permi\u021b\u00e2ndu-v\u0103 s\u0103 \u00eencorpora\u021bi imagini, videoclipuri \u0219i alte elemente media), CSS apare \u0219i specific\u0103 stilul documentului dvs. &#8211; aspectul paginii, culorile \u0219i fonturile sunt toate determinate de CSS. G\u00e2ndi\u021bi-v\u0103 la HTML ca la o funda\u021bie (fiecare cas\u0103 are una) \u0219i la CSS ca la op\u021biuni estetice (exist\u0103 o mare diferen\u021b\u0103 \u00eentre un conac boieresc \u0219i o cas\u0103 modern\u0103 de la mijlocul secolului).<\/p>\n\n\n\n<p>Cum func\u021bioneaz\u0103 CSS?<br>CSS aduce stil paginilor web prin interac\u021biunea cu elemente din HTML. Elementele sunt componentele HTML individuale ale unei pagini web, de exemplu un paragraf, care \u00een HTML ar putea ar\u0103ta astfel:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"1\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;p>Acesta este paragraful meu!&lt;\/p><\/pre>\n\n\n\n<p>Dac\u0103 dori\u021bi ca acest paragraf s\u0103 par\u0103 roz \u0219i \u00eengro\u0219at pentru persoanele care v\u0103d pagina web printr-un browser, a\u021bi folosi cod CSS care arat\u0103 astfel:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">p { color:pink; font-weight:bold; }<\/pre>\n\n\n\n<p>\u00cen acest caz, \u201ep\u201d (paragraful) se nume\u0219te \u201eselector\u201d \u2013 este partea din codul CSS care specific\u0103 ce element HTML \u00eei va afecta stilul CSS. \u00cen CSS, selectorul este scris \u00een st\u00e2nga primei paranteze. Informa\u021bia dintre paranteze se nume\u0219te declara\u021bie \u0219i con\u021bine propriet\u0103\u021bi \u0219i valori care sunt aplicate selectorului. Propriet\u0103\u021bile sunt informa\u021bii precum dimensiunea fontului, culoarea \u0219i marginile, \u00een timp ce valorile sunt set\u0103rile pentru acele propriet\u0103\u021bi. \u00cen exemplul de mai sus, \u201eculoarea\u201d \u0219i \u201egreutatea fontului\u201d sunt ambele propriet\u0103\u021bi, iar \u201eroz\u201d \u0219i \u201ebold\u201d sunt valori. Setul complet \u00eentre paranteze<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{ color:pink; font-weight: bold; }<\/pre>\n\n\n\n<p>este declara\u021bia \u0219i, din nou, \u201ep\u201d (adic\u0103 paragraful HTML) este selectorul. Acelea\u0219i principii de baz\u0103 pot fi aplicate pentru a modifica dimensiunile fontului, culorile de fundal, spatiile marginilor \u0219i multe altele. De exemplu:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">body { background-color:lightblue; }<\/pre>\n\n\n\n<p>ar face ca fundalul paginii dvs. s\u0103 fie albastru deschis sau:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">p { font-size:20px; color:red; }<\/pre>\n\n\n\n<p>va crea un paragraf cu font de 20 de puncte cu literele ro\u0219ii.<\/p>\n\n\n\n<p>CSS extern, intern sau inline?<br>S-ar putea s\u0103 v\u0103 \u00eentreba\u021bi cum se aplic\u0103 de fapt acest cod CSS con\u021binutului HTML. La fel ca HTML, CSS este scris \u00een text simplu, printr-un editor de text sau un procesor de text de pe computer \u0219i exist\u0103 trei modalit\u0103\u021bi principale de a ad\u0103uga acel cod CSS la paginile HTML. Codul CSS (sau Style Sheets) poate fi extern, intern sau inline. Style Sheets externe sunt salvate ca fi\u0219iere .css \u0219i pot fi utilizate pentru a determina aspectul unui \u00eentreg site web printr-un singur fi\u0219ier (\u00een loc s\u0103 ad\u0103uga\u021bi instan\u021be individuale de cod CSS la fiecare element HTML pe care dori\u021bi s\u0103 \u00eel ajusta\u021bi). Pentru a utiliza o foaie de stil extern\u0103, fi\u0219ierele dvs. .html trebuie s\u0103 includ\u0103 o sec\u021biune de antet care face link c\u0103tre foaia de stil extern\u0103 \u0219i arat\u0103 cam a\u0219a:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;head>\n&lt;link rel=\u201dstylesheet\u201d  type=\u201dtext\/css\u201d  href=mysitestyle.css\u201d>\n&lt;\/head><\/pre>\n\n\n\n<p>Aceasta va lega fi\u0219ierul .html la foaia dvs. de stil extern\u0103 (\u00een acest caz, mysitestyle.css), iar toate instruc\u021biunile CSS din acel fi\u0219ier se vor aplica apoi paginilor dvs. .html.<\/p>\n\n\n\n<p>Foile de stil interne sunt instruc\u021biuni CSS scrise direct \u00een antetul unei anumite pagini .html. (Acest lucru este util mai ales dac\u0103 ave\u021bi o singur\u0103 pagin\u0103 pe un site care are un aspect unic.) O foaie de stil intern\u0103 arat\u0103 cam a\u0219a. . .<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;head>\n&lt;style>\nBody  {  background-color:thistle;  }\nP  {  font-size:20px;  color:mediumblue;  }\n&lt;\/style>\n&lt;\/head><\/pre>\n\n\n\n<p>. . . o culoare de fundal \u0219i paragrafe cu font albastru mediu de 20 de puncte vor fi acum aplicate acestei pagini .html.<\/p>\n\n\n\n<p>\u00cen cele din urm\u0103, stilurile inline sunt fragmente de CSS scrise direct \u00een cod HTML \u0219i aplicabile doar unei singure instan\u021be de codare. De exemplu:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;h1  style=\u201dfont-size:40px;color:violet;\u201d>Titlu!&lt;\/h1><\/pre>\n\n\n\n<p>ar face ca un titlu specific pe o singur\u0103 pagin\u0103 .html s\u0103 apar\u0103 cu font violet, de 40 de puncte.<\/p>\n\n\n\n<p>\u00cen general, foile de stil externe sunt cea mai eficient\u0103 metod\u0103 de implementare a limbajului CSS pe un site web (este mai u\u0219or s\u0103 urm\u0103ri\u021bi \u0219i s\u0103 implementa\u021bi stilul unui site dintr-un fi\u0219ier CSS dedicat), \u00een timp ce foile de stil interne \u0219i stilul inline pot fi folosite \u00een diferite cazuri, atunci c\u00e2nd trebuie f\u0103cute modific\u0103ri individuale de stil.<\/p>\n\n\n\n<p>Deci, dac\u0103 HTML este funda\u021bia, cadrele, pere\u021bii \u0219i grinzile care sus\u021bin site-ul dvs., lua\u021bi \u00een considerare CSS ca fiind culoarea vopselei, stilurile ferestrelor \u0219i amenajarea interioar\u0103 care apare ulterior. Nu pute\u021bi ajunge nic\u0103ieri f\u0103r\u0103 s\u0103 pune\u021bi acea baz\u0103 mai \u00eent\u00e2i, dar \u2014 odat\u0103 ce o face\u021bi \u2014 ve\u021bi dori s\u0103 continua\u021bi cu ceva stil, iar CSS este modul \u00een care v\u0103 pute\u021bi decora interiorul.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u0103 aminti\u021bi HTML (Hypertext Markup Language)? Limbajul de codare care serve\u0219te drept funda\u021bie pentru orice dezvoltare web? Ei bine, dac\u0103 HTML este primul limbaj pe care ve\u021bi dori s\u0103 \u00eel \u00eenv\u0103\u021ba\u021bi atunci c\u00e2nd vre\u021bi s\u0103 construi\u021bi site-uri web, atunci CSS este al doilea. Ce este CSS? \u0218i ce leg\u0103tur\u0103 are cu HMTL?CSS \u00eenseamn\u0103 Cascading Style<\/p>\n","protected":false},"author":1,"featured_media":2323,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[155],"tags":[332,9,112,96,18],"class_list":["post-2346","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info","tag-css","tag-gazduire","tag-hosting","tag-web-hosting","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cum folosim limbajul CSS pentru a da stil siteului? - NAV.RO Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cum folosim limbajul CSS pentru a da stil siteului? - NAV.RO Blog\" \/>\n<meta property=\"og:description\" content=\"V\u0103 aminti\u021bi HTML (Hypertext Markup Language)? Limbajul de codare care serve\u0219te drept funda\u021bie pentru orice dezvoltare web? Ei bine, dac\u0103 HTML este primul limbaj pe care ve\u021bi dori s\u0103 \u00eel \u00eenv\u0103\u021ba\u021bi atunci c\u00e2nd vre\u021bi s\u0103 construi\u021bi site-uri web, atunci CSS este al doilea. Ce este CSS? \u0218i ce leg\u0103tur\u0103 are cu HMTL?CSS \u00eenseamn\u0103 Cascading Style\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/\" \/>\n<meta property=\"og:site_name\" content=\"NAV.RO Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/nav6718\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-15T11:34:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-16T05:46:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1-1024x1024.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"NAV.RO\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nav6718\" \/>\n<meta name=\"twitter:site\" content=\"@nav6718\" \/>\n<meta name=\"twitter:label1\" content=\"Scris de\" \/>\n\t<meta name=\"twitter:data1\" content=\"NAV.RO\" \/>\n\t<meta name=\"twitter:label2\" content=\"Timp estimat pentru citire\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/\"},\"author\":{\"name\":\"NAV.RO\",\"@id\":\"https:\/\/www.nav.ro\/blog\/#\/schema\/person\/c0271febcae717bbdbc3b2c6dbdec20e\"},\"headline\":\"Cum folosim limbajul CSS pentru a da stil siteului?\",\"datePublished\":\"2022-06-15T11:34:00+00:00\",\"dateModified\":\"2022-06-16T05:46:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/\"},\"wordCount\":830,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1.png\",\"keywords\":[\"css\",\"gazduire\",\"hosting\",\"web hosting\",\"wordpress\"],\"articleSection\":[\"INFO\"],\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/\",\"url\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/\",\"name\":\"Cum folosim limbajul CSS pentru a da stil siteului? - NAV.RO Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1.png\",\"datePublished\":\"2022-06-15T11:34:00+00:00\",\"dateModified\":\"2022-06-16T05:46:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#primaryimage\",\"url\":\"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1.png\",\"contentUrl\":\"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1.png\",\"width\":2000,\"height\":2000,\"caption\":\"stiluri_css\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/www.nav.ro\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cum folosim limbajul CSS pentru a da stil siteului?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nav.ro\/blog\/#website\",\"url\":\"https:\/\/www.nav.ro\/blog\/\",\"name\":\"NAV.RO Blog\",\"description\":\"Stiri IT\u2705 de actualitate si noutati din domeniul Hosting \u279c Gazduire Web \u279c Servere Dedicate \/ VPS \u279c DATA CENTER \u279c Domenii \u2b50 Actualizare zilnica de la expertii NAV.RO\",\"publisher\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nav.ro\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ro-RO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.nav.ro\/blog\/#organization\",\"name\":\"NAV Communications\",\"url\":\"https:\/\/www.nav.ro\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\/\/www.nav.ro\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/09\/nav_logo.png\",\"contentUrl\":\"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/09\/nav_logo.png\",\"width\":1120,\"height\":800,\"caption\":\"NAV Communications\"},\"image\":{\"@id\":\"https:\/\/www.nav.ro\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/nav6718\",\"https:\/\/x.com\/nav6718\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.nav.ro\/blog\/#\/schema\/person\/c0271febcae717bbdbc3b2c6dbdec20e\",\"name\":\"NAV.RO\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\/\/www.nav.ro\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/93c42d768fb29d2b7c2c9b94595b1770ec8dbbda107bfb5e6759247e857c9cda?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/93c42d768fb29d2b7c2c9b94595b1770ec8dbbda107bfb5e6759247e857c9cda?s=96&d=mm&r=g\",\"caption\":\"NAV.RO\"},\"sameAs\":[\"https:\/\/www.nav.ro\"],\"url\":\"https:\/\/www.nav.ro\/blog\/author\/useradmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cum folosim limbajul CSS pentru a da stil siteului? - NAV.RO Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/","og_locale":"ro_RO","og_type":"article","og_title":"Cum folosim limbajul CSS pentru a da stil siteului? - NAV.RO Blog","og_description":"V\u0103 aminti\u021bi HTML (Hypertext Markup Language)? Limbajul de codare care serve\u0219te drept funda\u021bie pentru orice dezvoltare web? Ei bine, dac\u0103 HTML este primul limbaj pe care ve\u021bi dori s\u0103 \u00eel \u00eenv\u0103\u021ba\u021bi atunci c\u00e2nd vre\u021bi s\u0103 construi\u021bi site-uri web, atunci CSS este al doilea. Ce este CSS? \u0218i ce leg\u0103tur\u0103 are cu HMTL?CSS \u00eenseamn\u0103 Cascading Style","og_url":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/","og_site_name":"NAV.RO Blog","article_publisher":"https:\/\/www.facebook.com\/nav6718","article_published_time":"2022-06-15T11:34:00+00:00","article_modified_time":"2022-06-16T05:46:36+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1-1024x1024.png","type":"image\/png"}],"author":"NAV.RO","twitter_card":"summary_large_image","twitter_creator":"@nav6718","twitter_site":"@nav6718","twitter_misc":{"Scris de":"NAV.RO","Timp estimat pentru citire":"4 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#article","isPartOf":{"@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/"},"author":{"name":"NAV.RO","@id":"https:\/\/www.nav.ro\/blog\/#\/schema\/person\/c0271febcae717bbdbc3b2c6dbdec20e"},"headline":"Cum folosim limbajul CSS pentru a da stil siteului?","datePublished":"2022-06-15T11:34:00+00:00","dateModified":"2022-06-16T05:46:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/"},"wordCount":830,"commentCount":0,"publisher":{"@id":"https:\/\/www.nav.ro\/blog\/#organization"},"image":{"@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1.png","keywords":["css","gazduire","hosting","web hosting","wordpress"],"articleSection":["INFO"],"inLanguage":"ro-RO","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/","url":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/","name":"Cum folosim limbajul CSS pentru a da stil siteului? - NAV.RO Blog","isPartOf":{"@id":"https:\/\/www.nav.ro\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#primaryimage"},"image":{"@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1.png","datePublished":"2022-06-15T11:34:00+00:00","dateModified":"2022-06-16T05:46:36+00:00","breadcrumb":{"@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/"]}]},{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#primaryimage","url":"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1.png","contentUrl":"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/06\/Untitled-1.png","width":2000,"height":2000,"caption":"stiluri_css"},{"@type":"BreadcrumbList","@id":"https:\/\/www.nav.ro\/blog\/cum-folosim-limbajul-css-pentru-a-da-stil-siteului\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/www.nav.ro\/blog\/"},{"@type":"ListItem","position":2,"name":"Cum folosim limbajul CSS pentru a da stil siteului?"}]},{"@type":"WebSite","@id":"https:\/\/www.nav.ro\/blog\/#website","url":"https:\/\/www.nav.ro\/blog\/","name":"NAV.RO Blog","description":"Stiri IT\u2705 de actualitate si noutati din domeniul Hosting \u279c Gazduire Web \u279c Servere Dedicate \/ VPS \u279c DATA CENTER \u279c Domenii \u2b50 Actualizare zilnica de la expertii NAV.RO","publisher":{"@id":"https:\/\/www.nav.ro\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nav.ro\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ro-RO"},{"@type":"Organization","@id":"https:\/\/www.nav.ro\/blog\/#organization","name":"NAV Communications","url":"https:\/\/www.nav.ro\/blog\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/www.nav.ro\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/09\/nav_logo.png","contentUrl":"https:\/\/www.nav.ro\/blog\/wp-content\/uploads\/2022\/09\/nav_logo.png","width":1120,"height":800,"caption":"NAV Communications"},"image":{"@id":"https:\/\/www.nav.ro\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/nav6718","https:\/\/x.com\/nav6718"]},{"@type":"Person","@id":"https:\/\/www.nav.ro\/blog\/#\/schema\/person\/c0271febcae717bbdbc3b2c6dbdec20e","name":"NAV.RO","image":{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/www.nav.ro\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/93c42d768fb29d2b7c2c9b94595b1770ec8dbbda107bfb5e6759247e857c9cda?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93c42d768fb29d2b7c2c9b94595b1770ec8dbbda107bfb5e6759247e857c9cda?s=96&d=mm&r=g","caption":"NAV.RO"},"sameAs":["https:\/\/www.nav.ro"],"url":"https:\/\/www.nav.ro\/blog\/author\/useradmin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/posts\/2346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/comments?post=2346"}],"version-history":[{"count":8,"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/posts\/2346\/revisions"}],"predecessor-version":[{"id":2354,"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/posts\/2346\/revisions\/2354"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/media\/2323"}],"wp:attachment":[{"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/media?parent=2346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/categories?post=2346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nav.ro\/blog\/wp-json\/wp\/v2\/tags?post=2346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}