{"id":1604,"date":"2019-04-23T13:18:00","date_gmt":"2019-04-23T07:48:00","guid":{"rendered":"http:\/\/blog.openwebsolutions.in\/?p=1604"},"modified":"2019-04-23T13:18:00","modified_gmt":"2019-04-23T07:48:00","slug":"learn-basic-details-css","status":"publish","type":"post","link":"https:\/\/openwebsolutions.in\/blog\/learn-basic-details-css\/","title":{"rendered":"Learn the basic details of CSS here"},"content":{"rendered":"

CSS is a web language, which stands for Cascading Style Sheets. With the help of it, we can make a web page attractive. It gives style to the pages. How our web pages look like that depends on CSS, a page can be displayed in a different look by it.\u00a0By using CSS, we can control the HTML content\u2019s color, font, background, etc. There are three kinds of CSS in it.<\/p>\n

a> Inline CSS: It is written in the opening tags of HTML document by giving style attribute. Just like___<\/p>\n

<!DOCTYPE html><\/p>\n

<html>
\n<head><\/p>\n

<title>::inline-css::<\/title><\/p>\n

<\/head>
\n<body><\/p>\n

<p style=\u201dbackground-color:blue; font-size:20px\u201d>Hi I am Sujata Biswas<\/p><\/p>\n

<\/body>
\n<\/html><\/p>\n

Internal CSS:<\/strong><\/span><\/h4>\n

It is written\u00a0within the HTML document in the style tag of the head section<\/p>\n

<!DOCTYPE
\nhtml><\/p>\n

<html><\/p>\n

<head><\/p>\n

<title>::<\/p>\n

internal-css<\/p>\n

::<\/title><\/p>\n

<style><\/p>\n

p{color:red;}<\/p>\n

<\/style><\/p>\n

<\/head><\/p>\n

 <\/p>\n

<body><\/p>\n

<p>Hi I am Sujata Biswas<\/p><\/p>\n

<\/body><\/p>\n

<\/html><\/p>\n

in this example \u201cp\u201d is selector, \u201ccolor\u201d is property and \u201cred\u201d is value.<\/p>\n

C><\/p>\n

External CSS:<\/strong><\/span><\/h4>\n

it is written in another page and save it by .css extension and keep it in the CSS folder and keep a link within the HTML document.<\/p>\n

<!DOCTYPE
\nhtml><\/p>\n

<html><\/p>\n

<head><\/p>\n

<title>::<\/p>\n

external-css<\/p>\n

::<\/title><\/p>\n

<link
\nrel=\u201dstylesheet\u201d href=\u201dstyle.css\u201d type=\u201dtext\/css\u201d><\/p>\n

<\/head><\/p>\n

 <\/p>\n

<body><\/p>\n

<p>Hi I am Sujata Biswas<\/p><\/p>\n

<\/body><\/p>\n

<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"

CSS is a web language, which stands for Cascading Style Sheets. With the help of it, we can make a web page attractive. It gives style to the pages. How our web pages look like that depends on CSS, a page can be displayed in a different look by it.\u00a0By using CSS, we can control […]<\/p>\n","protected":false},"author":46,"featured_media":1634,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[113],"tags":[90,126],"yoast_head":"\nLearn the basic details of CSS here<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/openwebsolutions.in\/blog\/learn-basic-details-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn the basic details of CSS here\" \/>\n<meta property=\"og:description\" content=\"CSS is a web language, which stands for Cascading Style Sheets. With the help of it, we can make a web page attractive. It gives style to the pages. How our web pages look like that depends on CSS, a page can be displayed in a different look by it.\u00a0By using CSS, we can control […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/openwebsolutions.in\/blog\/learn-basic-details-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Openweb Solutions Blog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/sujata.biswas.92775\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-23T07:48:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/openwebsolutions.in\/blog\/wp-content\/uploads\/2019\/04\/css-2189148_1280-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#website\",\"url\":\"https:\/\/openwebsolutions.in\/blog\/\",\"name\":\"Openweb Solutions Blog\",\"description\":\"Transforming ideas into reality\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/openwebsolutions.in\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/learn-basic-details-css\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/openwebsolutions.in\/blog\/wp-content\/uploads\/2019\/04\/css-2189148_1280-1.png\",\"width\":1280,\"height\":1000,\"caption\":\"Learn Basic CSS\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/learn-basic-details-css\/#webpage\",\"url\":\"https:\/\/openwebsolutions.in\/blog\/learn-basic-details-css\/\",\"name\":\"Learn the basic details of CSS here\",\"isPartOf\":{\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/openwebsolutions.in\/blog\/learn-basic-details-css\/#primaryimage\"},\"datePublished\":\"2019-04-23T07:48:00+00:00\",\"dateModified\":\"2019-04-23T07:48:00+00:00\",\"author\":{\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#\/schema\/person\/1bb8ecc843733c73de8e4eae524df30b\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/openwebsolutions.in\/blog\/learn-basic-details-css\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#\/schema\/person\/1bb8ecc843733c73de8e4eae524df30b\",\"name\":\"Sujata Biswas\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8cdca25f1f77a0a5d250c355d6638721?s=96&r=g\",\"caption\":\"Sujata Biswas\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sujata.biswas.92775\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts\/1604"}],"collection":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/comments?post=1604"}],"version-history":[{"count":5,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts\/1604\/revisions"}],"predecessor-version":[{"id":1630,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts\/1604\/revisions\/1630"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/media\/1634"}],"wp:attachment":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/media?parent=1604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/categories?post=1604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/tags?post=1604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}