Font modification tools in CSS

CSS is not lagging behind and offers developers Similar tools for text editing. These are properties such as text-decoration and font.

- This is a universal parameter that complements the font of some details. Thus, the text can be "to force" to flash (Blink), emphasize (underline) or cross (Line-Through), spend a line over the words (Overline), inherit the characteristics of the parent object (inherit) or clear the font format from all additions (None).

The second frequently used mechanism for editing text content is the Font property. With it, you can change the font style (font-style), its size (font-size), set the cap, i.e. Specify the view of the lowercase letters (Font-Variant), as well as "play" with an inscription (font-weight).

And here is an example

Given all the information that I told above, we will try to create such an example code in which you use the knowledge gained at the maximum (I remind you that the code can be typed in).

Create a header for new Paragraph!

We write text content of the paragraph itself, which flashing .

Run the example in the browser and pay attention to the style of styles. Thus, the title is highlighted with light tilted stacking with an emphasis on the proposal. The paragraph is displayed by small capital letters. In this case, the text has logical and physical selection of words.

Now you can edit text filling over all of the rules. Subscribe to update my blog and invite friends. Bye Bye!

Sincerely, Roman Chuechev

One of the most simple ways to highlight the word or phrase in the text - use another drawing of letters. So you can emphasize the word or phrase, using bold pages with ease allows you to highlight words using different designs - mean, underlined, fatty.

Fat font as a way to highlight the main thing

Words highlighted with bold font look most bright and catch. Such words and phrases immediately rush into the eyes. So, in order to learn how to quickly allocate the necessary places in the text, you should remember the special HTML code. Fat font is exhibited by pair tag.

Before the word or phrase, a proposal that should be highlighted, the opening of the tag is set . After the last letter in the text, which should be highlighted, is placed closing tag. Everything that turns out between these two tags, when displaying in the browser has a fatty stroke.

Other options

So, we found out that you can select text using other design. Determined that the most simple and at the same time effectively use the fat font HTML. Now let's talk about other selection options.

So, you can select text in italics with a pair tag , emphasize it with . These are the most simple ways to highlight text.

There are also less well-known and used tags, with which you can allocate words and suggestions in the text. So, in order to cross the text, it is enough to use . Make the text monosol will help the pair tag . If you need to create an upper index, use , Nizhny - .

At the same time, as before, the text you need should be between the opening and closing tag. As you can see, there is nothing complicated, the main thing is to remember these codes or burn them.

Use multiple fonts

If you want to make text more expressive, you can use not only fatty font. HTML-markup allows you to simultaneously select the word using multiple stacks. So, you can simultaneously make the word fat, crossed and mean.

At the same time it is necessary to remember one thing - all the tags should be closed sequentially. For example, the correct record may be like this:

• the selected text.

If you close the tags in a different order, the text will be allocated incorrectly. An example of an erroneous entry:

• the selected text.

In this case, the browser is confused and will not understand what exactly you want from it.

By the way, it can be noted here that three options for drawing - fat, underlined and mean - remembered quite easily, if you have hot keys in Word. There, the drawing is set using the same letter keys when clamping Ctrl.

As you can see, you can use not only a course or fatty font. HTML markup allows you to highlight the words as easy as the usual Word.

conclusions

Not only a variety of colors and shades, different size and font type, but also its inscription are widely used to highlight text. Moreover, it is precisely using a different outline that is beautiful and easy to select one or another fragment of the text.

In order to change the font stacking, you should use any tag known to you. The fat font of the HTML pages is the most bright and noticeable, and therefore it is used most often to highlight.

Hello, dear blog readers! This article will talk about text formatting tags. Bright examples are the selection of text in bold or italics. We also consider the influence of some tags on the internal optimization of the site and the rules for writing them. About then you can read in the above article. By the way, you can meet similar text design elements in many text editors, for example, in Word.

Tags are divided into 2 types: block and lowercase. When using the first, you can change the content of the text of the text (lines, separate fragments, or words), and the second are. Formatting tags that we consider in this article are mainly lower than.

Rules and procedure for writing tags

When the browser processes this fragment, you will see this text: Dedicated fragment.By the way, in RSS ribbon all tags are not displayed ().

The main thing when writing tags - do not forget to close them. Otherwise, the entire text on the page will be highlighted fat (in the example with the tag ). But there are such cases when you need to highlight a certain fragment and bold and italics at the same time. But the tag that performs this action does not exist. Exit this situation is one: use two tags at the same time. In what order of their use does not have. Therefore, writing text with tags like this:

Dedicated fragment

or like this:

Dedicated fragment

You still get Dedicated fragment italic and fat at the same time. However, it is preferable to use the first option because it was originally the only and correct. Also, do not forget that each browser can process tags in different ways (), depending on the settings. And now we turn to the tags themselves