A CSS code or document is basically a set of style rules. We apply these CSS Rules for the formatting of HTML Page.<\/p>\n\n\n\n
For example, we can change the size of text or background color of HTML web page using CSS.<\/p>\n\n\n\n
Each CSS rule made up of Selector <\/strong>part and Declaration <\/strong>part. Declaration part is a combination of CSS Property and Value. To write a CSS Rule, we start with a The basic CSS Syntax is defined as:<\/p>\n\n\n\n We place HTML tag name here. You can specify which tag you want to style, for example: A property is a type of attribute (like a feature) of HTML tag. An example of HTML property are: Each property has a set of value. We can specify that value here. For example, “color” attribute value will be color name: Let us have a CSS rule to set all text color red inside paragraph tag.<\/p>\n\n\n\n Now, we will see a complete example of using CSS Rules in HTML Document.<\/p>\n\n\n\n You can define Different CSS rules for multiple tags in the same documents. Each CSS Rule declaration block can contain one or more declarations separated by semicolons.<\/p>\n\n\n\n <\/p>\n\n\n\n In the above example, we have created a CSS rule that defines all text inside the paragraph tag will have font-size 25px and text color will be red. There is another CSS Rule that will set the HTML Page body’s background color green.<\/p>\n\n\n\n We have used a paragraph A CSS code or document is basically a set of style rules. We apply these CSS Rules for the formatting of HTML Page. For example, we can change the size of text…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"keywords":[],"class_list":["post-2311","post","type-post","status-publish","format-standard","hentry","category-css"],"yoast_head":"\n \"selector\"<\/code>, and then have a bracket {} containing a sequence of declarations.<\/p>\n\n\n\nselector { property : value; }<\/code><\/p>\n\n\n\n
\n\n\n\nDescription of CSS Syntax<\/h3>\n\n\n\n
\"body\", \"h1\", \"div\", and \"p\"<\/code>.<\/p> <\/li> color, font-size & border<\/code>.<\/p> <\/li> \"red\" or \"green\"<\/code>.<\/p> <\/li><\/ul>\n\n\n\n
\n\n\n\nCSS Syntax Example:<\/h4>\n\n\n\n
p {\ncolor: red;\n}<\/code><\/pre>\n\n\n\n
\n\n\n\nComplete CSS Example in HTML Program:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n<style>\nbody {\n background-color: green;\n}\n\np {\n color: yellow;\n font-size: 25px;\n}\n<\/style>\n<\/head>\n<body>\n\n<p> This is a Sample text inside p tag. Welcome to Tutorials Class. <\/p>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
\n\n\n\n (p)<\/code> element as a selector to select an HTML Element. This is called Element Selector<\/strong>. There are many other CSS Selectors available such as class Selector<\/strong> and id Selector<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"