×
Night mode
Sign up
Login
Results: 1580
Notes
  • Newest first
  • Oldest first
  • Newest first(All)
  • Oldest first(All)
p:first-letter & p:first-line
They were pseudo-classes in CSS2, but in CSS3 they are introduced as pseudo-elements with double colon (
p::first-letter
& 
p::first-line
)
by Valeri Tandilashvili
5 years ago
0
CSS
pseudo-elements
HTML5 and CSS3 beginners tutorials
1
pseudo-element "first-letter"
We can style The first letter of the paragraph differently
p::first-letter {
    color: blue;  
    font-size: 20px;  
    font-weight: bold;  
    background-color: yellow;
}
by Valeri Tandilashvili
5 years ago
0
CSS
pseudo-elements
HTML5 and CSS3 beginners tutorials
1
pseudo-element "first-line"
We can style the first line of the paragraph text differently
p::first-line {
    color: blue;
    font-size: 20px;
    font-weight: bold;
    background-color: yellow;
}
by Valeri Tandilashvili
5 years ago
0
CSS
pseudo-elements
HTML5 and CSS3 beginners tutorials
1
child selectors
Selects all the 
p
elements that have 
div
element as a parent of any level
div p { 
    color: red; 
}
Selects all the 
p
elements that are children of the element with id 
#id1
#id1 p { 
    color: green; 
}
Selects all 
p
elements that have parent element with class 
.class1
.class1 p { 
    color: yellow; 
}
by Valeri Tandilashvili
5 years ago
0
CSS
selectors
HTML5 and CSS3 beginners tutorials
1
border-bottom shothand 
border-bottom: 3px dashed orange;
The above style is a shorthand property of the following three properties:
border-bottom-width: 20px; 
border-bottom-style: dotted; 
border-bottom-color: blue;
by Valeri Tandilashvili
5 years ago
0
CSS
shorthand
HTML5 and CSS3 beginners tutorials
1
font shorthand 
font: bold italic 14px Tahoma;
The above style is a shorthand property of the following four properties: 
font-weight: bold; 
font-style:italic; 
font-size: 14px; 
font-family: Tahoma;
by Valeri Tandilashvili
5 years ago
0
CSS
shorthand
HTML5 and CSS3 beginners tutorials
1
tag "legend" 
<fieldset>
tag should contain 
legend
tag in order the fieldbox to have title 
<form action="/action_page.php">
 <fieldset>
  <legend>Personalia:</legend>
  <label for="fname">First name:</label><input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label><input type="text" id="lname" name="lname"><br>
 </fieldset>
</form>
by Valeri Tandilashvili
5 years ago
0
HTML
tags
HTML Tutorial for Beginners
2
attributes "min", "max" 
<input type="number" min="5" max="10">
min
and 
max
attributes are used to define minimum and maximum values for the number input
by Valeri Tandilashvili
5 years ago
0
HTML
attributes
HTML Tutorial for Beginners
2
attributes: "rows", "cols" 
<textarea rows="30" cols="80"></textarea>
rows
is attribute to define height of the textarea and 
cols
- for defining width
by Valeri Tandilashvili
5 years ago
0
HTML
attributes
HTML Tutorial for Beginners
2
attribute "for" 
<label for="inputID">some title</label><input type="text" id="inputID" size="50">
label
attribute 
for
and 
input
attribute 
id
should be the same to tie these two elements together
by Valeri Tandilashvili
5 years ago
0
HTML
attributes
HTML Tutorial for Beginners
2
Results: 1580