HTML-CSS Practical Part-III: Exercises, Practice, Solution
HTML-CSS Practical [31-45 exercises with solution]
31. Using HTML, CSS creates a stripes background pattern. Go to the editor
32. Using HTML, CSS creates a triangular shape with pure CSS. Go to the editor
33. Using HTML, CSS creates a circular shape with pure CSS. Go to the editor
34. Using HTML, CSS creates a responsive image mosaic. Go to the editor
35. Using HTML, CSS creates a responsive layout with a content area and a sidebar. Go to the editor
36. Using HTML, CSS aligns items horizontally using display: inline-block to create a 3-tile layout. Go to the editor
37. Using HTML, CSS Displays a menu overlay when the user hovers over the image. Go to the editor
38. Using HTML, CSS Fits an positions an image appropriately inside its container while preserving its aspect ratio. Go to the editor
39. Using HTML, CSS hides an element completely (visually and positionally) in the DOM while still allowing it to be accessible. Go to the editor
40. Using HTML, CSS creates a masonry-style layout that is especially useful when working with images. Go to the editor
41. Using HTML, CSS resets all styles to default values using only one property. Go to the editor
42. Using HTML, CSS customizes the style of inline quotation marks. Go to the editor
43. Using HTML, CSS truncates text that is longer than one line. Go to the editor
44. Using HTML, CSS limit multiline text to a given number of lines. Go to the editor
45. Using HTML, CSS creates a zoom in zoom out animation. Go to the editor
HTML-CSS Editor:
See the Pen HTML-CSS-JAVASCRIPT-BLANK-EDITOR by w3resource (@w3resource) on CodePen.
More to Come !
Do not submit any solution of the above exercises at here, if you want to contribute go to the appropriate exercise page.
HTML-CSS: Tips of the Day
Two divs side by side - Fluid display
#sides{
margin:0;
}
#left{
float:left;
width:75%;
overflow:hidden;
}
#right{
float:left;
width:25%;
overflow:hidden;
}
Ref: https://bit.ly/3EN8QKy
- New Content published on w3resource:
- HTML-CSS Practical: Exercises, Practice, Solution
- Java Regular Expression: Exercises, Practice, Solution
- Scala Programming Exercises, Practice, Solution
- Python Itertools exercises
- Python Numpy exercises
- Python GeoPy Package exercises
- Python Pandas exercises
- Python nltk exercises
- Python BeautifulSoup exercises
- Form Template
- Composer - PHP Package Manager
- PHPUnit - PHP Testing
- Laravel - PHP Framework
- Angular - JavaScript Framework
- Vue - JavaScript Framework
- Jest - JavaScript Testing Framework