HTML CSS Exercise
Create a simple HTML page with title heading paragraph emphasise strong and image elements
Create a simple HTML Form covering major form elements
Create a Navigation bar (with dropdown) with CSS
Create a CSS based sticky footer
Create a CSS3 based Zebra striped table
Use CSS3 to make an image rounded shape
Create CSS3 blurry text effect
Create CSS3 speech bubble shape
Create image cross fade with CSS3 transition
Use Font Awesome Vector Icons with Bootstrap3
Calculating Values With CSS3 calc()
Style first letter and first line
Style first and the last element
Style the element which is not empty
Target attribute begins wth a certain value
Set count and insert it before elements
Let padding and border not affect available width and height
Create linear, radial, repeating linear and repeating radial gradients with CSS3
Create a border image With CSS3
Set style for link hover active and visited states of hyperlink
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.
HTML-CSS: Tips of the Day
What is the difference between id and class in CSS, and when should I use them?
Example:
<div id="header_id" class="header_class"> Text </div>
#header_id {font-color:#fff} .header_class {font-color:#000}
(Note that CSS uses the prefix # for IDs and . for Classes.)
However color was an HTML 4.01 <font> tag attribute deprecated in HTML 5. In CSS there is no "font-color", the style is color so the above should read:
Example:
<div id="header_id" class="header_class"> Text </div>
#header_id {color:#fff} .header_class {color:#000}
The text would be white.
Ref: https://bit.ly/39Stv4P
- 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