{"id":3102,"date":"2017-08-06T12:22:47","date_gmt":"2017-08-06T09:22:47","guid":{"rendered":"http:\/\/kamil-abzalov.com\/tutorials\/intro-to-css\/"},"modified":"2020-04-05T22:31:55","modified_gmt":"2020-04-05T19:31:55","slug":"intro-to-css","status":"publish","type":"post","link":"https:\/\/kamil-abzalov.com\/en\/tutorials\/html-css\/intro-to-css\/","title":{"rendered":"Intro to CSS"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;3.22&#8243;][et_pb_fullwidth_header title=&#8221;Intro to CSS&#8221; content_max_width=&#8221;none&#8221; _builder_version=&#8221;3.16&#8243; button_one_letter_spacing_hover=&#8221;0&#8243; button_two_letter_spacing_hover=&#8221;0&#8243; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;on&#8221; button_one_letter_spacing__hover=&#8221;0&#8243; button_two_letter_spacing__hover_enabled=&#8221;on&#8221; button_two_letter_spacing__hover=&#8221;0&#8243; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22&#8243;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;0px|||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_dcsbcm_divi_breadcrumbs_module homebreadcrumbtext=&#8221;Home&#8221; hide_currentbreadcrumb=&#8221;off&#8221; _builder_version=&#8221;3.0.92&#8243; custom_padding=&#8221;0px|||&#8221; fontsbreadcrumbs_font_size_tablet=&#8221;51&#8243; fontsbreadcrumbs_line_height_tablet=&#8221;2&#8243; fontsseperator_font_size_tablet=&#8221;51&#8243; fontsseperator_line_height_tablet=&#8221;2&#8243; fontsbreadcrumblinks_font_size_tablet=&#8221;51&#8243; fontsbreadcrumblinks_line_height_tablet=&#8221;2&#8243;][\/et_pb_dcsbcm_divi_breadcrumbs_module][et_pb_text _builder_version=&#8221;3.27.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]In last lesson we met with <a href=\"https:\/\/kamil-abzalov.com\/en\/tutorials\/html-css-tuts\/intro-to-html\/\">html<\/a> and its <a href=\"https:\/\/kamil-abzalov.com\/en\/tutorials\/html-css-tuts\/key-html-tags\/\">key tags<\/a><br \/>\nIn this lesson we&#8217;ll know about css. CSS is visualization html page language. The major parts of this lesson are css including to html, css syntax, css selectors, css rules. You will learn to write your first css rules. Also you will know about span tag.<!--more--><br \/>\n[\/et_pb_text][et_pb_video src=&#8221;https:\/\/www.youtube.com\/watch?v=rR6FraqaHS8&#8243; _builder_version=&#8221;3.0.47&#8243;][\/et_pb_video][et_pb_dmb_code_snippet title=&#8221;Code lesson (HTML)&#8221; code=&#8221;PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4KICAgIDx0aXRsZT7QktCy0LXQtNC10L3QuNC1INCyIGNzczwvdGl0bGU+Cgo8c3R5bGU+CiAgICAgICAgICAgIGgxIHsKICAgICAgICAgICAgZm9udC1zaXplOiA2MHB4OwogICAgICAgIH0KICAgIDwvc3R5bGU+CgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJzdHlsZS5jc3MiLz4KPC9oZWFkPgo8Ym9keT4KCgo8aDE+aGVsbG8gd29ybGQ8L2gxPgoKCjxoMiBzdHlsZT0iY29sb3I6IHJlZDsiPmhlbGxvIHdvcmxkPC9oMj4KCgo8aDM+aGVsbG8gd29ybGQ8L2gzPgoKCjxoND5oZWxsbyB3b3JsZDwvaDQ+CgoKPGg1PmhlbGxvIHdvcmxkPC9oNT4KCgo8aDY+aGVsbG8gd29ybGQ8L2g2PgoKCgo8dWw+Cgo8bGk+SXRlbSAxPC9saT4KCgo8bGk+SXRlbSAyPC9saT4KCjwvdWw+CgoKCgpMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgPHNwYW4+Y29uc2VjdGV0dXI8L3NwYW4+IGFkaXBpc2ljaW5nIGVsaXQuIFZvbHVwdGF0ZSBlbmltIHNlcXVpIG1vbGVzdGlhZSBvZGl0LCB2b2x1cHRhcyBhZCwgcXVhcyB2b2x1cHRhdGVtIGV1bSBmdWdhIG5pc2kgZGljdGEgc3VudCB2aXRhZSB2ZXJvLiBSYXRpb25lIHRlbXBvcmUgYW1ldCBkZWJpdGlzIHF1aWJ1c2RhbSBhY2N1c2FudGl1bSEKCgoKCkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LiBDb25zZWN0ZXR1ciB2b2x1cHRhdGVtIGRlc2VydW50IHJhdGlvbmUsIGV1bSBwb3NzaW11cyBjb25zZXF1YXR1ciBsYWJvcnVtIGNvbnNlcXV1bnR1ciBxdWlidXNkYW0gaW5jaWR1bnQgY29ycnVwdGksIHRlbXBvcmlidXMgbmVjZXNzaXRhdGlidXMgdm9sdXB0YXRlcyBxdW8gaXN0ZT8gUGVyc3BpY2lhdGlzIGNvcnBvcmlzIGVhcnVtIHRlbmV0dXIgYmxhbmRpdGlpcy4KCgoKCkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LiBEb2xvcmVzIG5lbW8gaW5jaWR1bnQsIGVpdXMgZXhjZXB0dXJpLCBxdWlzcXVhbSB1bGxhbSBhbGlxdWlkIG1hZ25hbSBvbW5pcywgZGVsZWN0dXMgZW9zIHZvbHVwdGFzIGEgbmVxdWUgYXV0LiBJdXJlIGhhcnVtIGVvcyBzaW1pbGlxdWUgZXJyb3IgZXhlcmNpdGF0aW9uZW0uCgoKPGEgaHJlZj0iIyI+0YHRgdGL0LvQutCwPC9hPgoKPC9ib2R5Pgo8L2h0bWw+&#8221; admin_label=&#8221;\u041a\u043e\u0434 \u0443\u0440\u043e\u043a\u0430&#8221; style=&#8221;docco&#8221; linenums=&#8221;on&#8221; usetabwidth=&#8221;on&#8221; tabwidth=&#8221;4&#8243; _builder_version=&#8221;3.0.92&#8243;]PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4KICAgIDx0aXRsZT7QktCy0LXQtNC10L3QuNC1INCyIGNzczwvdGl0bGU+Cgo8c3R5bGU+CiAgICAgICAgICAgIGgxIHsKICAgICAgICAgICAgZm9udC1zaXplOiA2MHB4OwogICAgICAgIH0KICAgIDwvc3R5bGU+CgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJzdHlsZS5jc3MiLz4KPC9oZWFkPgo8Ym9keT4KCgo8aDE+aGVsbG8gd29ybGQ8L2gxPgoKCjxoMiBzdHlsZT0iY29sb3I6IHJlZDsiPmhlbGxvIHdvcmxkPC9oMj4KCgo8aDM+aGVsbG8gd29ybGQ8L2gzPgoKCjxoND5oZWxsbyB3b3JsZDwvaDQ+CgoKPGg1PmhlbGxvIHdvcmxkPC9oNT4KCgo8aDY+aGVsbG8gd29ybGQ8L2g2PgoKCgo8dWw+Cgo8bGk+SXRlbSAxPC9saT4KCgo8bGk+SXRlbSAyPC9saT4KCjwvdWw+CgoKCgpMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgPHNwYW4+Y29uc2VjdGV0dXI8L3NwYW4+IGFkaXBpc2ljaW5nIGVsaXQuIFZvbHVwdGF0ZSBlbmltIHNlcXVpIG1vbGVzdGlhZSBvZGl0LCB2b2x1cHRhcyBhZCwgcXVhcyB2b2x1cHRhdGVtIGV1bSBmdWdhIG5pc2kgZGljdGEgc3VudCB2aXRhZSB2ZXJvLiBSYXRpb25lIHRlbXBvcmUgYW1ldCBkZWJpdGlzIHF1aWJ1c2RhbSBhY2N1c2FudGl1bSEKCgoKCkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LiBDb25zZWN0ZXR1ciB2b2x1cHRhdGVtIGRlc2VydW50IHJhdGlvbmUsIGV1bSBwb3NzaW11cyBjb25zZXF1YXR1ciBsYWJvcnVtIGNvbnNlcXV1bnR1ciBxdWlidXNkYW0gaW5jaWR1bnQgY29ycnVwdGksIHRlbXBvcmlidXMgbmVjZXNzaXRhdGlidXMgdm9sdXB0YXRlcyBxdW8gaXN0ZT8gUGVyc3BpY2lhdGlzIGNvcnBvcmlzIGVhcnVtIHRlbmV0dXIgYmxhbmRpdGlpcy4KCgoKCkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LiBEb2xvcmVzIG5lbW8gaW5jaWR1bnQsIGVpdXMgZXhjZXB0dXJpLCBxdWlzcXVhbSB1bGxhbSBhbGlxdWlkIG1hZ25hbSBvbW5pcywgZGVsZWN0dXMgZW9zIHZvbHVwdGFzIGEgbmVxdWUgYXV0LiBJdXJlIGhhcnVtIGVvcyBzaW1pbGlxdWUgZXJyb3IgZXhlcmNpdGF0aW9uZW0uCgoKPGEgaHJlZj0iIyI+0YHRgdGL0LvQutCwPC9hPgoKPC9ib2R5Pgo8L2h0bWw+[\/et_pb_dmb_code_snippet][et_pb_dmb_code_snippet title=&#8221;Code lesson (CSS)&#8221; code=&#8221;aDEgewogICAgZm9udC1zaXplOjYwcHg7Cn0KCmxpIHsKICAgIGZvbnQtc3R5bGU6IGl0YWxpYzsKfQoKaDIgewogICAgY29sb3I6IHJlZDsKfQoKc3BhbiB7CiAgICBjb2xvcjogZ3JlZW47CiAgICBmb250LXNpemU6IDI1cHg7Cn0KCmEgewogICAgZm9udC13ZWlnaHQ6IGJvbGQ7Cn0=&#8221; admin_label=&#8221;\u041a\u043e\u0434 \u0443\u0440\u043e\u043a\u0430 &#8221; style=&#8221;docco&#8221; linenums=&#8221;on&#8221; usetabwidth=&#8221;on&#8221; tabwidth=&#8221;4&#8243; _builder_version=&#8221;3.0.92&#8243;]aDEgewogICAgZm9udC1zaXplOjYwcHg7Cn0KCmxpIHsKICAgIGZvbnQtc3R5bGU6IGl0YWxpYzsKfQoKaDIgewogICAgY29sb3I6IHJlZDsKfQoKc3BhbiB7CiAgICBjb2xvcjogZ3JlZW47CiAgICBmb250LXNpemU6IDI1cHg7Cn0KCmEgewogICAgZm9udC13ZWlnaHQ6IGJvbGQ7Cn0=[\/et_pb_dmb_code_snippet][et_pb_comments _builder_version=&#8221;4.4.2&#8243; hover_enabled=&#8221;0&#8243; custom_margin=&#8221;30px||||false|false&#8221;][\/et_pb_comments][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In last lesson we met with html and its key tags In this lesson we&#8217;ll know about css. CSS is visualization html page language. The major parts of this lesson are css including to html, css syntax, css selectors, css rules. You will learn to write your first css rules. Also you will know about [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\u0412 \u043f\u0440\u043e\u0448\u043b\u044b\u0445 \u0432\u0438\u0434\u0435\u043e \u043c\u044b \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043b\u0438\u0441\u044c \u0441 <a href=\"http:\/\/kamil-abzalov.com\/vvedenie-v-html\/\">html<\/a> \u0438 \u0435\u0433\u043e <a href=\"http:\/\/kamil-abzalov.com\/osnovnye-tegi-html\/\">\u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c\u0438 \u0442\u0435\u0433\u0430\u043c\u0438<\/a>.\r\n\u0412 \u044d\u0442\u043e\u043c \u0443\u0440\u043e\u043a\u0435 \u043c\u044b \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043c\u0441\u044f \u0441 css. \u042f\u0437\u044b\u043a css - \u044f\u0437\u044b\u043a \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 html \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430. \u0412 \u0432\u0438\u0434\u0435\u043e-\u0443\u0440\u043e\u043a\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f, \u043a\u0430\u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c css \u043a html, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u044f\u0437\u044b\u043a\u0430, \u043f\u043e\u043d\u044f\u0442\u0438\u0435 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440, \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0443\u0447\u0438\u043c\u0441\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043f\u0435\u0440\u0432\u044b\u0435 css \u043f\u0440\u0430\u0432\u0438\u043b\u0430. \u0422\u0430\u043a \u0436\u0435 \u0432 \u044d\u0442\u043e\u043c \u0443\u0440\u043e\u043a\u0435 \u0432\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435 \u043e \u0442\u0435\u0433\u0435 <span>, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043d\u0443\u0436\u0435\u043d \u0442\u0435\u0433 <span>.<!--more-->\r\n\r\nhttps:\/\/www.youtube.com\/watch?v=rR6FraqaHS8\r\n\r\n<pre><code><!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"utf-8\">\r\n    <title>\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 css<\/title>\r\n\r\n<style>\r\n            h1 {\r\n            font-size: 60px;\r\n        }\r\n    <\/style>\r\n\r\n    <link rel=\"stylesheet\" href=\"style.css\"\/>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<h1>hello world<\/h1>\r\n\r\n\r\n<h2 style=\"color: red;\">hello world<\/h2>\r\n\r\n\r\n<h3>hello world<\/h3>\r\n\r\n\r\n<h4>hello world<\/h4>\r\n\r\n\r\n<h5>hello world<\/h5>\r\n\r\n\r\n<h6>hello world<\/h6>\r\n\r\n\r\n\r\n<ul>\r\n\r\n<li>Item 1<\/li>\r\n\r\n\r\n<li>Item 2<\/li>\r\n\r\n<\/ul>\r\n\r\n\r\n\r\n\r\nLorem ipsum dolor sit amet, <span>consectetur<\/span> adipisicing elit. Voluptate enim sequi molestiae odit, voluptas ad, quas voluptatem eum fuga nisi dicta sunt vitae vero. Ratione tempore amet debitis quibusdam accusantium!\r\n\r\n\r\n\r\n\r\nLorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur voluptatem deserunt ratione, eum possimus consequatur laborum consequuntur quibusdam incidunt corrupti, temporibus necessitatibus voluptates quo iste? Perspiciatis corporis earum tenetur blanditiis.\r\n\r\n\r\n\r\n\r\nLorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores nemo incidunt, eius excepturi, quisquam ullam aliquid magnam omnis, delectus eos voluptas a neque aut. Iure harum eos similique error exercitationem.\r\n\r\n\r\n<a href=\"#\">\u0441\u0441\u044b\u043b\u043a\u0430<\/a>\r\n\r\n<\/body>\r\n<\/html>\r\n[\/code]\r\n\r\n\r\n[code lang=\"css\"][\/code]\r\nh1 {\r\n    font-size:60px;\r\n}\r\n\r\nli {\r\n    font-style: italic;\r\n}\r\n\r\nh2 {\r\n    color: red;\r\n}\r\n\r\nspan {\r\n    color: green;\r\n    font-size: 25px;\r\n}\r\n\r\na {\r\n    font-weight: bold;\r\n}\r\n<\/code><\/pre>","_et_gb_content_width":"","footnotes":""},"categories":[257,219],"tags":[259,243],"class_list":["post-3102","post","type-post","status-publish","format-standard","hentry","category-html-css","category-tutorials","tag-css-en","tag-html-en"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Intro to CSS - Kamil Abzalov&#039;s blog<\/title>\n<meta name=\"description\" content=\"What is CSS? How to use CSS in html? Watch this lesson on youtube.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Intro to CSS - Kamil Abzalov&#039;s blog\" \/>\n<meta property=\"og:description\" content=\"What is CSS? How to use CSS in html? Watch this lesson on youtube.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/kamabzalov\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-06T09:22:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-05T19:31:55+00:00\" \/>\n<meta name=\"author\" content=\"Kamil&#039; Abzalov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Intro to CSS\" \/>\n<meta name=\"twitter:description\" content=\"What is CSS? How to use CSS in html? Watch this lesson on youtube.\" \/>\n<meta name=\"twitter:creator\" content=\"@kamabzalov\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kamil&#039; Abzalov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/vvedenie-v-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/vvedenie-v-css\\\/\"},\"author\":{\"name\":\"Kamil' Abzalov\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#\\\/schema\\\/person\\\/9c53360f21b83306ba40c2231573c600\"},\"headline\":\"Intro to CSS\",\"datePublished\":\"2017-08-06T09:22:47+00:00\",\"dateModified\":\"2020-04-05T19:31:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/vvedenie-v-css\\\/\"},\"wordCount\":858,\"commentCount\":0,\"keywords\":[\"css\",\"html\"],\"articleSection\":[\"HTML and CSS\",\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/vvedenie-v-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/vvedenie-v-css\\\/\",\"url\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/vvedenie-v-css\\\/\",\"name\":\"Intro to CSS - Kamil Abzalov's blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#website\"},\"datePublished\":\"2017-08-06T09:22:47+00:00\",\"dateModified\":\"2020-04-05T19:31:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#\\\/schema\\\/person\\\/9c53360f21b83306ba40c2231573c600\"},\"description\":\"What is CSS? How to use CSS in html? Watch this lesson on youtube.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/vvedenie-v-css\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/vvedenie-v-css\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/html-css\\\/vvedenie-v-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\\\/\\\/kamil-abzalov.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Intro to CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#website\",\"url\":\"https:\\\/\\\/kamil-abzalov.com\\\/\",\"name\":\"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kamil-abzalov.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#\\\/schema\\\/person\\\/9c53360f21b83306ba40c2231573c600\",\"name\":\"Kamil' Abzalov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g\",\"caption\":\"Kamil' Abzalov\"},\"sameAs\":[\"https:\\\/\\\/kamil-abzalov.com\\\/\",\"https:\\\/\\\/www.facebook.com\\\/kamabzalov\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/kamabzalov\",\"https:\\\/\\\/x.com\\\/kamabzalov\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/kamabzalov\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Intro to CSS - Kamil Abzalov's blog","description":"What is CSS? How to use CSS in html? Watch this lesson on youtube.","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:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/","og_locale":"en_US","og_type":"article","og_title":"Intro to CSS - Kamil Abzalov's blog","og_description":"What is CSS? How to use CSS in html? Watch this lesson on youtube.","og_url":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/","og_site_name":"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430","article_author":"https:\/\/www.facebook.com\/kamabzalov","article_published_time":"2017-08-06T09:22:47+00:00","article_modified_time":"2020-04-05T19:31:55+00:00","author":"Kamil' Abzalov","twitter_card":"summary_large_image","twitter_title":"Intro to CSS","twitter_description":"What is CSS? How to use CSS in html? Watch this lesson on youtube.","twitter_creator":"@kamabzalov","twitter_misc":{"Written by":"Kamil' Abzalov","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/#article","isPartOf":{"@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/"},"author":{"name":"Kamil' Abzalov","@id":"https:\/\/kamil-abzalov.com\/#\/schema\/person\/9c53360f21b83306ba40c2231573c600"},"headline":"Intro to CSS","datePublished":"2017-08-06T09:22:47+00:00","dateModified":"2020-04-05T19:31:55+00:00","mainEntityOfPage":{"@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/"},"wordCount":858,"commentCount":0,"keywords":["css","html"],"articleSection":["HTML and CSS","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/","url":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/","name":"Intro to CSS - Kamil Abzalov's blog","isPartOf":{"@id":"https:\/\/kamil-abzalov.com\/#website"},"datePublished":"2017-08-06T09:22:47+00:00","dateModified":"2020-04-05T19:31:55+00:00","author":{"@id":"https:\/\/kamil-abzalov.com\/#\/schema\/person\/9c53360f21b83306ba40c2231573c600"},"description":"What is CSS? How to use CSS in html? Watch this lesson on youtube.","breadcrumb":{"@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kamil-abzalov.com\/videouroki\/html-css\/vvedenie-v-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/kamil-abzalov.com\/en\/"},{"@type":"ListItem","position":2,"name":"Intro to CSS"}]},{"@type":"WebSite","@id":"https:\/\/kamil-abzalov.com\/#website","url":"https:\/\/kamil-abzalov.com\/","name":"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kamil-abzalov.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/kamil-abzalov.com\/#\/schema\/person\/9c53360f21b83306ba40c2231573c600","name":"Kamil' Abzalov","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g","caption":"Kamil' Abzalov"},"sameAs":["https:\/\/kamil-abzalov.com\/","https:\/\/www.facebook.com\/kamabzalov","https:\/\/www.linkedin.com\/in\/kamabzalov","https:\/\/x.com\/kamabzalov","https:\/\/www.youtube.com\/user\/kamabzalov"]}]}},"_links":{"self":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts\/3102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/comments?post=3102"}],"version-history":[{"count":8,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts\/3102\/revisions"}],"predecessor-version":[{"id":31164,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts\/3102\/revisions\/31164"}],"wp:attachment":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/media?parent=3102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/categories?post=3102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/tags?post=3102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}