Some discussion on Advanced CSS

By | December 4, 2020
advanced css tricks

Some discussion on Advanced CSS

Some discussion on Advanced CSS

The full form of CSS is Cascading Style Sheets.
It basically designs the HTML tag of a webpage. A popular version of CSS is CSS3. The function of CSS is basically to help HTML. Just a CSS file will not run. We will discuss Advanced CSS today. It includes how CSS works and how CSS can be used. CSS What we need to know to use CSS. Moreover, many important issues will be discussed.

How many ways can CSS be used?

CSS can generally be used in three ways. Shown below:

Inline CSS

Inline CSS is straightforward to do. We do inline CSS
we use HTML attributes. Inline CSS is usually done with style attributes. With the style attribute, CSS is done with the property’s value using the property of CSS in that attribute. <h2 style = “color: red; font-size: 15px;”> This is Heading </h2> is used this way. This is usually the HTML tag used.

Internal CSS

Style tags are commonly used for internal CSS. The design has to be selected by selecting it with the selector of CSS in the style tag. Internal CSS can be done very easily. The style tag is used inside the head tag. Below is an example:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Document</title>
  <style>

    .heading {
        color: red;
        font-size: 30px;
      }
   </style>
</head>
    <body>
        <h2 class=”heading”>This is Heading</h2>
    </body>
</html>

External CSS

External CSS is a popular and widely used tool for designing CSS. External CSS is usually used to design webpages. It is very easy to do and it is a studded method. This is done by creating a separate CSS file. Separate CSS is used to link that file to the HTML file. This method is now more widely used. Below is an example:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Document</title>
<link rel=”stylesheet” href=”style.css”>
</head>
<body>
<h2 class=”heading”>This is Heading</h2>
</body>
</html>

We learned how to use CSS. But to use CSS we have to have a clear idea about many things. We need to know the use of CSS selectors. You need to know the usage of CSS properties and have a clear idea about the value of CSS properties.

Selector of CSS

In order to use CSS internally or externally, we need to have a good idea about the selector of CSS. CSS selector means to select the HTML element. Moreover, the HTML tag has shown some popular media about the many ways to select the HTML element.

Class

Class is a popular global attribute. We have to select it (.) You just have to write the name of the class. Below is an example:
.heading {
color: red;
font-size: 30px;
}
Now, if you want to make the selector stronger, you can specify which element it contains. Below is an example:
h2.heading {
color: red;
font-size: 30px;
}
Now, if the class is inside the tag, it is necessary to mention the class’s name with space after the name of the tag. Below is an example:
body h2.heading {
color: red;
font-size: 30px;
}

ID

ID is a global feature. Selected with IDT (#).
After that, you need to specify the name of the ID as a class. (.) It is used to select the class, and (#) is used to select the ID. Below is an example:
#heading{
Red color;
Font-size: 30px;
}
Now, if the silicate devices are tested, keep the ID in the tags. Below is an example:
h2 #heading {
Red color;
Font-size: 30px;
}
If the ID is inside a tag, it is necessary to specify the class name and space after the tag name. Below is an example:
body h2 #heading {
Red color;
Font-size: 30px;
}

*

This selector basically means to select all the tags inside the body tag. This selector is used to select all the elements at once.

.class .class

It is mainly used to select another classic within a class.

.class, .class

Used to select multiple classes at once.

Element

To select an element, just enter the name of the element. Below is an example:
h2{
Red color;
Font-size: 30px;
}

Element, Element

Used to select multiple elements.
h2, h3 {
Red color;
Font-size: 30px;
}

Now, these two elements will work the properties of CSS.

Here are some selections of CSS. Moreover, CSS has many more selections that you can understand while working. If you understand the selectors discussed here well, you will not have any difficulty in understanding the other selectors. Moreover, if you want to be a professional worker, you must know the use of all CSS selectors. Moreover, when you write the properties of CSS, you need to understand and write well. Because not all properties work well in all attributes. Moreover, you can write many CSS properties together and make them work depending on your work skills. There are some selects called a small class of CSS. We can use those selectors very easily if we can use the selectors well in today’s show. Small class selectors are mainly used to select a special word or line or a specific thing. I will also discuss in detail the small class of CSS in a viral post. Moreover, if you have any problem understanding any part of today’s topic, you can find out by commenting. I will try to answer very quickly. We need to be very careful when designing web pages with CSS. For example, External CSS should be done well when doing fine linking. And if we do internal or inline CSS, we have to be more careful because then the code will be much more. Moreover, we have to select CSS well. If there is a problem with Select, the CSS property will not work. So you have to be careful while selecting. CSS has many properties that you will understand as you work.

It will be easier for you to work when you do external CSS. Because there you can work by commenting. CSS is commented / * this is comment * / in this way. Comment Who, when you want to change a design, you can easily find out which part of the code needs to be changed. So there is a need for comment in CSS.

Spread the love

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.