What is CSS? | How will CSS work? | External, internal or inline CSS?

 

CSS stands for Cascading vogue Sheets with stress on "Style". Whereas HTML is employed to structure an online document (defining things like headlines and paragraphs and permitting you to plant pictures, videos, and alternative media), CSS comes in and specifies the design of your document; page layouts, colors, and fonts ar determined with CSS. consider HTML because the base (every house has one) and CSS because of the aesthetic choices (there could be a huge distinction between a Victorian mansion and a mid-century fashionable house).

How will CSS work?

CSS adds vogue to your sites by interacting with HTML parts. parts ar the individual HTML elements of an online page, for instance a paragraph, that in HTML would possibly appear as if this:

If you wish this paragraph to look pink and daring to individuals viewing your website through an online browser, you must use a CSS code that appears like this:

In this case, "p" (the paragraph) is named the "selector", it's the a part of the CSS code that specifies that the HTML component can have an effect on the CSS vogue. In CSS, the selector is written to the left of the primary bracket. the knowledge within the brackets is named a declaration and contains properties and values ​​that apply to the selector. Properties ar things like font size, color, and margins, whereas values ​​are the settings for those properties. within the example on top of, "color" and "font-weight" ar properties, and "pink" and "bold" ar values. the whole set in brackets

is the declaration, and again, "p" (which stands for the HTML paragraph) is that the selector. These same basic principles will be applied to alter font sizes, background colours, margin indentations, and more. for instance. . .

body lightweight blue; }

. . . it'd build the background of your page light-weight blue, or. . .

p 

. . can produce a twenty purpose font paragraph with red letters.

External, internal or inline CSS?

However, you will be speculative however this CSS code applies to HTML content. Like HTML, CSS is written in plain, plain text via a text editor or application program on your laptop, and there ar 3 main ways in which to feature that CSS code to your HTML pages. CSS code (or vogue sheets) will be external, internal, or embedded. External vogue sheets ar saved as .css files and might be accustomed confirm the looks of a whole web site through one file (rather than adding individual instances of CSS code to every HTML component you wish to wrap). To use the Associate in Nursing external stylesheet, your .html files should embrace a header section that links to the external stylesheet and appears almost like this: