CSS Styling Tables
📌To specify table borders in CSS, use the border property.
📌The example above specifies a black border for <table>, <th>, and <td> elements:
@html_css_tut
"w3schools .com"
📌To specify table borders in CSS, use the border property.
📌The example above specifies a black border for <table>, <th>, and <td> elements:
@html_css_tut
"w3schools .com"
Double Borders
📌Notice that the table in the examples above have double borders. This is because both the table and the <th> and <td> elements have separate borders.
📌To remove double borders, take a look at the example above.
@html_css_tut
"w3schools .com"
📌Notice that the table in the examples above have double borders. This is because both the table and the <th> and <td> elements have separate borders.
📌To remove double borders, take a look at the example above.
@html_css_tut
"w3schools .com"
🕹 JavaScript is the
Programming Language
for the Web.
🕹 JavaScript can update
and change both
HTML and CSS.
🕹 JavaScript can calculate,
manipulate and
validate data.
@javascript_tut
https://t.me/javascript_tut
Programming Language
for the Web.
🕹 JavaScript can update
and change both
HTML and CSS.
🕹 JavaScript can calculate,
manipulate and
validate data.
@javascript_tut
https://t.me/javascript_tut
Telegram
JavaScript Tutorial
🕹 JavaScript is the
Programming Language
for the Web.
🕹 JavaScript can update
and change both
HTML and CSS.
🕹 JavaScript can calculate,
manipulate and
validate data.
Group
@js_group_tut
@javascript_tut
Programming Language
for the Web.
🕹 JavaScript can update
and change both
HTML and CSS.
🕹 JavaScript can calculate,
manipulate and
validate data.
Group
@js_group_tut
@javascript_tut
Generic Font Families
📌 In CSS there are five generic font families:
#1 Serif fonts have a small stroke at the edges of each letter. They create a sense of formality and elegance.
#2 Sans-serif fonts have clean lines (no small strokes attached). They create a modern and minimalistic look.
#3 Monospace fonts - here all the letters have the same fixed width. They create a mechanical look.
#4 Cursive fonts imitate human handwriting.
#5 Fantasy fonts are decorative/playful fonts.
All the different font names belong to one of the generic font families.
@html_css_tut
"w3schools .com"
📌 In CSS there are five generic font families:
#1 Serif fonts have a small stroke at the edges of each letter. They create a sense of formality and elegance.
#2 Sans-serif fonts have clean lines (no small strokes attached). They create a modern and minimalistic look.
#3 Monospace fonts - here all the letters have the same fixed width. They create a mechanical look.
#4 Cursive fonts imitate human handwriting.
#5 Fantasy fonts are decorative/playful fonts.
All the different font names belong to one of the generic font families.
@html_css_tut
"w3schools .com"
The CSS font-family Property
📌 In CSS, we use the font-family property to specify the font of a text.
📌 The font-family property should hold several font names as a "fallback" system, to ensure maximum compatibility between browsers/operating systems. Start with the font you want, and end with a generic family (to let the browser pick a similar font in the generic family, if no other fonts are available). The font names should be separated with comma.
💎 Note: If the font name is more than one word, it must be in quotation marks, like: "Times New Roman".
@html_css_tut
"w3schools .com"
📌 In CSS, we use the font-family property to specify the font of a text.
📌 The font-family property should hold several font names as a "fallback" system, to ensure maximum compatibility between browsers/operating systems. Start with the font you want, and end with a generic family (to let the browser pick a similar font in the generic family, if no other fonts are available). The font names should be separated with comma.
💎 Note: If the font name is more than one word, it must be in quotation marks, like: "Times New Roman".
@html_css_tut
"w3schools .com"
What are Web Safe Fonts?
📌 Web safe fonts are fonts that are universally installed across all browsers and devices.
📌 Fallback Fonts
However, there are no 100% completely web safe fonts. There is always a chance that a font is not found or is not installed properly.
💎 Therefore, it is very important to always use fallback fonts.
💎 This means that you should add a list of similar "backup fonts" in the font-family property. If the first font does not work, the browser will try the next one, and the next one, and so on. Always end the list with a generic font family name.
@html_css_tut
"w3schools .com"
📌 Web safe fonts are fonts that are universally installed across all browsers and devices.
📌 Fallback Fonts
However, there are no 100% completely web safe fonts. There is always a chance that a font is not found or is not installed properly.
💎 Therefore, it is very important to always use fallback fonts.
💎 This means that you should add a list of similar "backup fonts" in the font-family property. If the first font does not work, the browser will try the next one, and the next one, and so on. Always end the list with a generic font family name.
@html_css_tut
"w3schools .com"
📌Tutorials based on web development and programming.
💻 + Source Code
⚙️ Html, CSS, JavaScript, React , Bootstrap, jQuery, AJAX, PHP, java, Python, SQL, MYSQL, Node.js, JSON, and More...
💙 Subscribe for More Tutorials:
https://www.youtube.com/codingwithelias?sub_confirmation=1
💻 + Source Code
⚙️ Html, CSS, JavaScript, React , Bootstrap, jQuery, AJAX, PHP, java, Python, SQL, MYSQL, Node.js, JSON, and More...
💙 Subscribe for More Tutorials:
https://www.youtube.com/codingwithelias?sub_confirmation=1
CSS Font Size
📌The font-size property sets the size of the text.
📌Being able to manage the text size is important in web design. However, you should not use font size adjustments to make paragraphs look like headings, or headings look like paragraphs.
📌Always use the proper HTML tags, like <h1> - <h6> for headings and <p> for paragraphs.
The font-size value can be an absolute, or relative size.
💎Absolute size:
◾️Sets the text to a specified size
◾️Does not allow a user to change the text size in all browsers (bad for accessibility reasons)
◾️Absolute size is useful when the physical size of the output is known
💎Relative size:
◾️Sets the size relative to surrounding elements
◾️Allows a user to change the text size in browsers
@html_css_tut
"w3schools .com"
📌The font-size property sets the size of the text.
📌Being able to manage the text size is important in web design. However, you should not use font size adjustments to make paragraphs look like headings, or headings look like paragraphs.
📌Always use the proper HTML tags, like <h1> - <h6> for headings and <p> for paragraphs.
The font-size value can be an absolute, or relative size.
💎Absolute size:
◾️Sets the text to a specified size
◾️Does not allow a user to change the text size in all browsers (bad for accessibility reasons)
◾️Absolute size is useful when the physical size of the output is known
💎Relative size:
◾️Sets the size relative to surrounding elements
◾️Allows a user to change the text size in browsers
@html_css_tut
"w3schools .com"