Download to read offline
Intro to css
- 1.
- 2. CSS • CSS standsfor Cascading style sheet -CSS is a language that describes style of a html document. means how the html elements to be displayed on the webpage -It saves lot work and time for the developers by controlling layout of multiple webpages all at once -CSS are made up of rules that helps you to add styling to your webpage
- 3. comparison Webpage with CSSWebpage without CSS
- 4. CSS “Rules” • CSSare made up of “Rules” – Which are the style elements that will make your webpage, your static webpage to Dynamic webpage • Each Rule has 3 parts -Tag Selector :-This will tell the browser where to add the style in the webpage. -Property :- This will tell what type of property tobe added to the selected tag. -Value :- This gives the information about valid value to a css property Example : text-size(property):50px(value) color(property):Green(value)
- 5. There are 3ways, where we can define the style sheet 1. Inline CSS 2. Internal CSS 3. External CSS Out of which External CSS makes the best practice where we can use single css file to develop multiple webpages. Types of CSS
- 6. INLINE CSS By usinginline css we can apply style to the Elements(HTML) at one time, below is the example for the inline css
- 7. INTERNAL CSS By usinginternal css we can apply style for multiple Elements(HTML) but that can be used in a single document. Below is the example for internal css
- 8. EXTERNAL CSS By usinga single external css. we can apply style for multiple HTML documents. Below is the example for external css
- 9. CSS SELECTORS • Thisare used to select the elements(html) that you want to style • There are 3 types of selectors are available ID Selector : used to style a single element Class Selector: Used to style for group of elements Pseudo Selector: Used to style for certain state of elements
- 10.