Skip to content

Instantly share code, notes, and snippets.

View wpweb101's full-sized avatar

Jigar Shah wpweb101

5 followers · 1 following
View GitHub Profile
@wpweb101
wpweb101 / style-properties-ordering-correct.css
Last active April 15, 2021 08:45
Correct Style Properties Ordering
.container {
display: block;
position: relative;
padding: 5px;
font-size: 12px;
color: #fff;
}
@wpweb101
wpweb101 / style-properties-incorrect.css
Created April 15, 2021 07:58
Incorrect Style Properties
.registration-form {
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
display: BLOCK;
}
@wpweb101
wpweb101 / style-properties-correct.css
Created April 15, 2021 07:57
Correct Style Properties
.registration-form {
margin: 5px; /* Right property value*/
color: #fff; /* Shorten value*/
display: block; /* small case*/
}
@wpweb101
wpweb101 / style-selector-incorrect.css
Created April 15, 2021 07:50
Incorrect Style Selector
registrationForm { /* Don't use camelcase */
background: #fff;
}
.registration_form { /* Don't use underscore */
color: #000;
}
body div form.registration_form { /* Don't use over qualification */
color: #000;
}
input[type=checkbox] { /* it should be type="checkbox" */
@wpweb101
wpweb101 / style-selector-correct.css
Created April 15, 2021 07:45
Correct Style Selector
form.registration-form {
background: #fff;
color: #000;
}
input[type="checkbox"] {
margin: 10px;
}
@wpweb101
wpweb101 / style-structure-incorrect.css
Created April 15, 2021 07:39
Incorrect Style Structure
.selector, #container, #section {
background: #fff;
color: #000;
}
@wpweb101
wpweb101 / style-structure-correct.css
Created April 15, 2021 07:38
Correct Style Structure
.selector,
#container,
#section {
background: #fff;
color: #000;
}
@wpweb101
wpweb101 / attributes-and-tags-for-machine.html
Created April 15, 2021 07:07
Attributes and tags for Machine
<html>
<head></head>
<body>
</body>
</html>
@wpweb101
wpweb101 / attributes-and-tags-for-human.html
Created April 15, 2021 07:03
Attributes and tags for Human
<HTML>
<HEAD></HEAD>
<BODY>
</BODY>
</HTML>
@wpweb101
wpweb101 / self-closing-element-incorrect.html
Created April 15, 2021 06:55
Incorrect Self Closing Element
<br>
<hr>