Styling HTML with CSS
CSS remains for Cascading Style Sheets.
CSS portrays how HTML components are to be shown on screen, paper, or in other media.
CSS spares a ton of work. It can control the design of numerous site pages at the same time.
CSS can be added to HTML components in 3 ways:
Inline - by utilizing the style trait in HTML components
Interior - by utilizing a <style> component in the <head> segment
Outside - by utilizing an outer CSS record
The most widely recognized approach to include CSS, is to keep the styles in discrete CSS records. Notwithstanding, here we will utilize inline and inside styling, in light of the fact that this is less demanding to illustrate, and less demanding for you to attempt it yourself.
CSS Fonts
The CSS shading property characterizes the content shading to be utilized.The CSS textual style family property characterizes the textual style to be utilized.
The CSS text dimension property characterizes the content size to be utilized.
Inline CSS
An inline CSS is utilized to apply a one of a kind style to a solitary HTML component.
An inline CSS utilizes the style property of a HTML component.
This illustration sets the content shade of the <h1> component to blue:
Inside CSS
An inside CSS is utilized to characterize a style for a solitary HTML page.
An inside CSS is characterized in the <head> segment of a HTML page, inside a <style> component:
Outer CSS
An outer template is utilized to characterize the style for some HTML pages.
With an outer template, you can change the look of a whole site, by transforming one document!
To utilize an outer template, add a connection to it in the <head> area of the HTML page:
CSS selector
CSS selector mainly 4(four) kinds.such as:- Universel selector - identification mark "*"
- id selector -identification mark"#"
- class selector -identification mark"."
- Type/Element selector -identification mark""-no mark
Section Summary
- Utilize the HTML style characteristic for inline styling
- Utilize the HTML <style> component to characterize inner CSS
- Utilize the HTML <link> component to allude to an outside CSS record
- Utilize the HTML <head> component to store <style> and <link> components
- Utilize the CSS shading property for content hues
- Utilize the CSS textual style family property for content text styles
- Utilize the CSS text dimension property for content sizes
- Utilize the CSS outskirt property for fringes
- Utilize the CSS cushioning property for space inside the outskirt
- Utilize the CSS edge property for space outside the outskirt
0 comments:
Post a Comment