Books
Learn HTML
Learn CSS
Learn Git
Learn Javascript
Learn PHP
Learn python
Learn Java
Exercises
HTML
JavaScript
Git
CSS
PHP
Courses
Quizzes
Snippets
Tools
General Tools
Password Generator
HTML Editor
HTML Encoder
Base 64
Code Diff
JSON Beautifier
CSS Beautifier
Markdown Convertor
Find the Closest Tailwind CSS Color
Phrase encrypt / decrypt
Browser Feature Detection
Number convertor
CSS Maker
CSS Maker
CSS Maker text shadow
CSS Maker Text Rotation
CSS Maker Out Line
CSS Maker RGB Shadow
CSS Maker Transform
CSS Maker Font Face
Color Tools
Color Picker
Colors CMYK
Colors HWB
Colors HSL
Color Hex
Color mixer
Color Converter
Colors RGB
Color Contrast Analyzer
Color Gradient
String Tools
String Length Calculator
MD5 Hash Generator
Sha256 Hash Generator
String Reverse
URL Encoder
URL Decoder
Base 64 Encoder
Base 64 Decoder
Extra Spaces Remover
String to Lowercase
String to Uppercase
Word Count Calculator
Empty Lines Remover
HTML Tags Remover
Binary to Hex
Hex to Binary
Rot13 Transform on a String
String to Binary
Duplicate Lines Remover
Change theme
Dark
Light
System
Books
Learn HTML
Learn CSS
Learn Git
Learn Javascript
Learn PHP
Learn python
Learn Java
How To
How To NodeJs
How To Linux
How To AngularJs
How To PHP
How To HTML
How To CSS
How To Symfony
How To Git
How To Apache
How To JavaScript
How To Java
How To Vue.js
How To Python
CSS Basics
1/25
How can you add space between the border and inner content of the element?
margin
padding
border
spacing
Next >
2/25
How can you add CSS?
Using Inline Styling
Using Internal Style Sheet
Using External Style Sheet
In all three ways
Inline, Internal, External, and Imported stylesheets
Next >
3/25
How to set a style for a certain HTML element with an id of "special"?
#special{ }
.special{ }
id.special{ }
element.id.special{ }
Next >
4/25
Which HTML tag specifies an internal style sheet?
<css>
<script>
<style>
Next >
5/25
How can you add an external style sheet in HTML?
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style src="mystyle.css" />
<stylesheet>mystyle.css</stylesheet >
Next >
6/25
What property is used to change the size of an HTML element's border?
border-size:3px;
border:width:3px;
border-width:3px;
Next >
7/25
How can you add a comment in a CSS file?
/* this is a comment */
// this is a comment
// this is a comment //
<!-- this is a comment -->
Next >
8/25
Which selector do you need to define a style for multiple elements?
id
class
style
text
Next >
9/25
Which property do you need to change the background image?
background-image
background-color
background-img
backgroundimage
Next >
10/25
What does the 'z-index' property in CSS control?
Opacity level of an element
Stacking order of elements
Zoom level of an element
Horizontal alignment of an element
Next >
11/25
Which property is used to change the font of an element?
font-family
font-style
text-style
typeface
Next >
12/25
Which CSS property controls the text size?
text-size
font-size
font-weight
text-style
Next >
13/25
How do you make each word in a text start with a capital letter?
text-transform: capitalize;
text-style: capital;
text-transform: uppercase;
font-variant: small-caps;
Next >
14/25
How can you create a transition effect with CSS?
transition: property duration;
animate: property duration;
effect: transition(duration);
change: property duration;
Next >
15/25
Which CSS property is used to control the layout of columns?
column-rule
column-count
column-width
column-layout
Next >
16/25
How can you create rounded corners using CSS?
corner: rounded;
border-radius: 5px;
border-corner: round;
edge-round: 5px;
Next >
17/25
What does 'em' unit represent in CSS?
Absolute unit representing pixels
Relative to the font-size of the element
Relative to the width of the '0' character
Relative to the viewport width
Next >
18/25
What is the default display value for a <div> element in HTML?
inline
block
flex
inline-block
Next >
19/25
How do you apply a CSS style for all <a> elements with a 'title' attribute?
a[title] { ... }
a > title { ... }
a.title { ... }
a = 'title' { ... }
Next >
20/25
Which HTML element is used to specify a footer for a document or section?
<bottom>
<footer>
<section>
<end>
Next >
21/25
What does the 'box-sizing' property in CSS do?
Controls the text wrapping in a box
Changes the border thickness of a box
Alters the background color of a box
Dictates how the dimensions of a box are calculated
Next >
22/25
What is the purpose of the 'display' property in CSS?
Controls the type of rendering box used for an element
Sets the color of an element
Defines the border style of an element
Manages the visibility of an element
Next >
23/25
What does the CSS 'overflow' property do?
Specifies what happens if content overflows an element's box
Controls the scroll behavior of an element
Sets the direction of text overflow
Manages the overflow of colors in an element
Next >
24/25
In CSS, what is the difference between the ':hover' and ':active' pseudo-classes?
':hover' applies when mousing over, ':active' when the element is clicked
':hover' changes text color, ':active' changes background color
':hover' is for links only, ':active' for buttons
No difference, they are interchangeable
Next >
25/25
In CSS, which property is used to set the transparency of an element?
transparency
opacity
alpha
filter
Next >
To get the result of the quiz, please provide your email address (optional)..
Get Certificate
It seems you haven't answered any questions yet. Please provide your answers to proceed.