{"id":36618,"date":"2025-11-06T02:32:42","date_gmt":"2025-11-06T00:32:42","guid":{"rendered":"https:\/\/coma.lv\/2025\/11\/06\/kas-ir-css\/"},"modified":"2026-02-23T02:33:00","modified_gmt":"2026-02-23T00:33:00","slug":"kas-ir-css","status":"publish","type":"post","link":"https:\/\/coma.lv\/lv\/2025\/11\/06\/kas-ir-css\/","title":{"rendered":"Kas ir CSS?"},"content":{"rendered":"\n<p data-start=\"0\" data-end=\"419\">CSS jeb kask\u0101des stila lapas ir valoda, kas tiek izmantota, lai aprakst\u012btu HTML dokumentu izskatu un format\u0113jumu. Ar CSS pal\u012bdz\u012bbu var noteikt noform\u0113jumu, kr\u0101sas, fontus, izm\u0113rus, elementu izvietojumu un saskarnes uzved\u012bbu da\u017e\u0101d\u0101s ier\u012bc\u0113s. WordPress t\u0113mas izmanto CSS un HTML, lai att\u0113lotu sist\u0113mas \u0123ener\u0113tos datus. Katram WordPress mot\u012bvam ir fails style.css, kur\u0101 atrodas noteikumi un stili, kas nosaka lapu izskatu.<\/p>\n<p>&nbsp;<\/p>\n<p data-start=\"421\" data-end=\"693\">CSS ir vienk\u0101r\u0161a apg\u016b\u0161anai un lieto\u0161anai. Ir pieejami daudzi resursi un tie\u0161saistes apm\u0101c\u012bbas, kas pal\u012bdz apg\u016bt pamatus burtiski no nulles. WordPress lietot\u0101ji var \u0101tri saprast principus, vienk\u0101r\u0161i atverot mot\u012bva failu style.css un apskatot, k\u0101 ir noteikti stili.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\"><strong>Piem\u0113rs:<\/strong><\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">body {  font-size: 16px;  color: #333;  background-color: #fff;  font-family: system-ui, -apple-system, &quot;Segoe UI&quot;, Roboto, sans-serif;  line-height: 1.6;}h1 {  font-size: clamp(1.5rem, 2vw, 2rem);  text-transform: uppercase;  letter-spacing: 0.05em;}.post-title {  font-size: 1.25rem;  color: #4c0000;  font-weight: 500;}<\/pre>\n<p style=\"text-align: left;\">HTML elementi var sa\u0146emt stilu tie\u0161i no CSS. Dizaineri izmanto identifikatorus un klases, lai noteiktu da\u017e\u0101dus parametrus atsevi\u0161\u0137\u0101m sada\u013c\u0101m vai atk\u0101rtotiem blokiem lap\u0101. Tas pal\u012bdz pielietot da\u017e\u0101dus stilus vienam un tam pa\u0161am HTML elementam da\u017e\u0101d\u0101s viet\u0101s. Piem\u0113ram, bloga virsraksts var izskat\u012bties cit\u0101di nek\u0101 ieraksta virsraksts.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\"><strong>HTML piem\u0113rs:<\/strong><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">&lt;div id=&quot;header&quot;&gt;  &lt;h1 class=&quot;blog-title&quot;&gt;    &lt;a href=&quot;&lt;?php bloginfo(&#039;url&#039;); ?&gt;&quot; title=&quot;&lt;?php bloginfo(&#039;name&#039;); ?&gt;&quot;&gt;      &lt;?php bloginfo(&#039;name&#039;); ?&gt;    &lt;\/a&gt;  &lt;\/h1&gt;&lt;\/div&gt;<\/pre>\n<p data-start=\"1604\" data-end=\"1717\">Iepriek\u0161 redzamaj\u0101 HTML ir identifikators <em>\u2018header\u2019<\/em> un klase <em>\u2018blog-title\u2019<\/em>. \u0160\u012bs sada\u013cas var tikt noform\u0113tas ar CSS.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\"><strong>\u041f\u0440\u0438\u043c\u0435\u0440 CSS:<\/strong><\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">#header {  background-color: #4c0000;  padding: 2rem;  display: flex;  align-items: center;  justify-content: center;}h1.blog-title a {  color: #fff;  font-size: 1.5rem;  font-family: Georgia, &quot;Times New Roman&quot;, serif;  text-decoration: none;}<\/pre>\n<p style=\"text-align: left;\" data-start=\"2317\" data-end=\"2532\">CSS \u013cauj izveidot ne tikai pamata noform\u0113jumu, bet ar\u012b elast\u012bgus, piel\u0101gojamus izk\u0101rtojumus. M\u016bsdienu vietnes izmanto Flexbox un CSS Grid, lai elementi autom\u0101tiski piel\u0101gotos da\u017e\u0101diem ekr\u0101na izm\u0113riem.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\" data-start=\"2534\" data-end=\"2563\"><strong>Piem\u0113rs adapt\u012bvajam blokam:<\/strong><\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">.posts {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 1.5rem;  padding: 1rem;}<\/pre>\n<p data-start=\"2372\" data-end=\"2477\">\u0160aj\u0101 piem\u0113r\u0101 tiek izmantota re\u017e\u0123a strukt\u016bra, kas eleganti p\u0101rk\u0101rtojas mobilaj\u0101s ier\u012bc\u0113s bez papildu koda.<\/p>\n<p>&nbsp;<\/p>\n<p data-start=\"2479\" data-end=\"2572\">Turkl\u0101t CSS var defin\u0113t main\u012bgos, kas atvieglo stilu uztur\u0113\u0161anu un dizaina sist\u0113mu veido\u0161anu:<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">:root {  --color-primary: #4c0000;  --color-text: #333;}body {  color: var(--color-text);}a {  color: var(--color-primary);}<\/pre>\n<p style=\"text-align: left;\">CSS ir k\u013cuvusi par interneta vizu\u0101l\u0101s da\u013cas pamatu, \u013caujot dizaineriem un izstr\u0101d\u0101t\u0101jiem veidot \u0101tras, piel\u0101gojamas un skaistas vietnes.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\"><em>M\u016bsu specializ\u0101cija \u2014 WordPress viet\u0146u izstr\u0101de un uztur\u0113\u0161ana. Kontakti bezmaksas konsult\u0101cijai &#8211; <a href=\"mailto:vadim@coma.lv\">vadim@coma.lv<\/a>, <a href=\"tel:+37129394520\">+371 29394520<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>CSS jeb kask\u0101des stila lapas ir valoda, kas tiek izmantota, lai aprakst\u012btu HTML dokumentu izskatu un format\u0113jumu. Ar CSS pal\u012bdz\u012bbu var noteikt noform\u0113jumu, kr\u0101sas, fontus, izm\u0113rus, elementu izvietojumu un saskarnes uzved\u012bbu da\u017e\u0101d\u0101s ier\u012bc\u0113s. WordPress t\u0113mas izmanto CSS un HTML, lai att\u0113lotu sist\u0113mas \u0123ener\u0113tos datus. Katram WordPress mot\u012bvam ir fails style.css, kur\u0101 atrodas noteikumi un stili, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":37872,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1226,1318],"tags":[],"class_list":["post-36618","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-termini"],"_links":{"self":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts\/36618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/comments?post=36618"}],"version-history":[{"count":5,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts\/36618\/revisions"}],"predecessor-version":[{"id":37873,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts\/36618\/revisions\/37873"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/media\/37872"}],"wp:attachment":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/media?parent=36618"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/categories?post=36618"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/tags?post=36618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}