Infotechmon best training center in mohali

CSS Exercise…

CSS Exercise

Complete this exercise to refine your css skills
CSS
CSS is the language we use to style a Web page.
What is CSS?
CSS stands for Cascading Style Sheets CSS describes how HTML elements are to be displayed on screen, paper, or in other media CSS saves a lot of work. It can control the layout of multiple web pages all at once External stylesheets are stored in CSS files
Following are the Questions/task which is needed to perform by all the students related to this topic
    CSS background examples
    • Setting a background color
    • Setting a background color for a table
    • Setting a background image for a page
    • Setting a background image for a table
    • Setting a background image that does not move
    • Setting a background image that repeats horizontally
    • Setting a background image that repeats vertically
    • Setting a background image that repeats for the whole page
    • Setting a background image that is center positioned
    • Setting a background image that is center positioned and does not move
    • Setting all the background features with one declaration
    CSS text examples
    • Setting text color
    • Setting text background color
    • Setting text color and background color
    • Setting text decoration
    • Setting text direction
    • Indenting text
    • Aligning text
    • Setting text spacing
    • Setting text capitalization
    • Setting the spacing between words
    • Wrapping text
    CSS font examples
    • Setting the font type of text
    • Setting the font size of text
    • Setting the font color of text
    • Setting the font style of text
    • Setting the font weight of text
    • Setting the font variant of text
    • Setting all the font features with one declaration
    CSS list examples
    • Unordered lists with different bullets
    • Ordered lists with different bullets
    • Using an image for bullets in a list
    • List placement
    • Setting all the list features with one declaration
    CSS border examples
    • Setting the style of the left border
    • Setting the width of the left border
    • Setting the color of the left border
    • Setting all the properties of the left border
    • Setting the style of the right border
    • Setting the width of the right border
    • Setting the color of the right border
    • Setting all the properties of the right border
    • Setting the style of the top border
    • Setting the width of the top border
    • Setting the color of the top border
    • Setting all the properties of the top border
    • Setting the style of the bottom border
    • Setting the width of the bottom border
    • Setting the color of the bottom border
    • Setting all the properties of the bottom border
    • Setting the style of the entire border
    • Setting the width of the entire border
    • Setting the color of the entire border
    • Setting all the border properties in one declaration
    CSS margin examples
    • Setting the left margin
    • Setting the right margin
    • Setting the top margin
    • Setting the bottom margin
    • All the margin properties in one declaration
    CSS padding examples
    • Setting the left padding
    • Setting the right padding
    • Setting the top padding
    • Setting the bottom padding
    • All the padding properties in one declaration
    CSS outline examples
    • Setting the style of an outline
    • Setting the width of an outline
    • Setting the color of an outline
    • Outline and border together
    • All the outline properties in one declaration
    CSS table examples
    • Setting a table border
    • Setting the space between border cells
    • Setting the position of a table caption
    • Setting the visibility of empty cells
    • Setting the method of display for table cells, rows, and columns
    CSS dimension examples
    • Setting the height of an element
    • Setting the minimum height of an element
    • Setting the maximum height of an element
    • Setting the width of an element
    • Setting the minimum width of an element
    • Setting the maximum width of an element
    • Setting the space between lines
    CSS classification examples
    • Setting how an element is displayed
    • Setting the visibility of an element
    • Setting how an element appears in another element
    • Setting a cursor
    CSS positioning examples
    • Relative positioning
    • Absolute positioning
    CSS pseudo-class examples
    • Using pseudo classes
    • Using pseudo classes with regular classes
    CSS pseudo-element examples
    • Changing the first letter or line in an element
    • Using: before and: after

Leave a Comment

Your email address will not be published. Required fields are marked *