Tags in CSS
Menu
Tags in CSS
In CSS, you can style HTML tags to change the appearance of the text or content contained within those tags. For example, you can use CSS to change the font size, color, and style of text, add padding or margins around content, or change the background color of an element. Here are a few examples of how to style some common HTML tags using CSS:
/* Style the <h1> tag */
h1 {
font-size: 36px;
color: #333;
font-weight: bold;
}
/* Style the <p> tag */
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
/* Style the <a> tag */
a {
color: #0077cc;
text-decoration: none;
}
/* Style the <ul> and <li> tags */
ul {
list-style-type: disc;
margin-left: 20px;
}
li {
font-size: 14px;
line-height: 1.5;
}
In this example, the CSS applies the following styles to the respective HTML tags:
- The <h1> tag is styled with a larger font size, darker text color, and bold font weight.
- The <p> tag is styled with a smaller font size, a line height of 1.5 (which adds spacing between lines of text), and a margin at the bottom to add space between paragraphs.
- The <a> tag (which is used for hyperlinks) is styled with a blue color and no underline to indicate a link.
- The <ul> tag (which is used for unordered lists) is styled with a disc-style bullet point and a margin to offset the list from surrounding content.
- The <li> tag (which is used for list items) is styled with a smaller font size and line height to differentiate it from other content.
You can use CSS to style any HTML tag in this way to change its appearance and enhance the visual design of your web pages.
Menu
Join To Get Our Newsletter