HTML-CSS Practical Part-II: Exercises, Practice, Solution
HTML-CSS Practical [16-30 exercises with solution]
16. Using HTML, CSS creates a horizontally scrollable container that will snap on elements when scrolling. Go to the editor
17. Using HTML, CSS ensures that an element self-clears its children. Go to the editor
18. Using HTML, CSS creates an input with a visual, non-editable prefix. Go to the editor
19. Using HTML, CSS changes the appearance of a form if any of its children are focused. Go to the editor
20. Using HTML, CSS customizes the scrollbar style for elements with scrollable overflow. Go to the editor
21. Using HTML, CSS applies styles to an element when in fullscreen mode. Go to the editor
22. Using HTML, CSS displays a hamburger menu which transitions to a cross button on hover. Go to the editor
23. Using HTML, CSS reveals an interactive popout menu on hover/focus. Go to the editor
24. Using HTML, CSS fades out the siblings of a hovered item. Go to the editor
25. Using HTML, CSS evenly distributes child elements within a parent element. Go to the editor
26. Using HTML, CSS vertically and horizontally centers a child element within its parent element, using display: table. Go to the editor
27. Using HTML, CSS horizontally and vertically centers a child element within a parent element using flexbox. Go to the editor
28. Using HTML, CSS creates a polka dot background pattern. Go to the editor
29. Using HTML, CSS creates a checkerboard background pattern. Go to the editor
30. Using HTML, CSS creates a zig zag background pattern. 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