An uppercase letter, as defined, is an element of text that is enlarged relative to lowercase letters. In almost all languages, a sentence begins with a capital letter. And the design of the beginning of the paragraph with a distinguished capital letter allows you to structure the text and facilitates its perception. When a web page is drawn up, the text can be written in accordance with the preferences of the author and the rules of the Russian language. Also, its design can be "automated" by entering certain "commands" in a file with the css extension - a stylesheet - or supplement your html file with a style section. CSS is usually learned additionally with html in order to quickly change some design elements immediately in the entire text.
This is especially true if the site has hundreds of pages, and making changes to each of them is a very time-consuming process.
If you use css, the capital letters at the beginning of each paragraph may look special. For example, the following code entered in html without parentheses allows you to make the capital letter - first letter - larger - 220% of the standard size for yellow text - yellow, the color value is yellow, and write it in font, different from the rest of the text - Georgia vs batangche.
(<) style (>)
p {font-family: batangche; font-size: 93%;}
p: first-letter {font-family: Georgia; font-size: 220%; color: yellow;}
(<) / style (>)
You can get beautiful capital letters if you create your own font in the form of pictures - each letter has a separate picture, for example, in Old Russian or Gothic style. They can be drawn in a
graphical editor. Then in the required places in place of the capital letter you can insert the code without parentheses (<) img src = ”link to the place where the picture lies” (>). Additional attributes of the
Img tag will be heigh and width - the width and height of the image, which can be set in pixels for a harmonious combination with the rest of the text. Example: (<) img src = ”link to the place where the picture lies” heigh = 12 px width = 6px (>). We remove the parentheses around <and>.
If you don’t have the opportunity to draw the alphabet yourself, then the capital letter can be made using fonts that are freely available on Google (Fonts section) or other search engines and resources. To do this, the above code should be issued as follows:
(<) style (>)
p {font-family: batangche; font-size: 93%;}
p: first-letter {font-family: Kelly + Slab; font-size: 220%; color: blue;}
(<) / style (>)
And in the “head” tag add a link without parentheses for “connecting”, where after family the selected font family is indicated, which is also substituted in p: first-letter.
(<) link href = 'http: //fonts.googleapis.com/css? family = Kelly + Slab & subset = latin, cyrillic' rel = 'stylesheet' type = 'text / css' (>).
The Google service allows you to select one or another type of font and provides ready-made links for insertion into html or css. We draw your attention to the fact that it is necessary to choose a group of fonts - Latin or Cyrillic, as almost all Latin fonts do not work when typing Russian-language text. At the moment, the search engine provides about 40 types of Russian fonts for free.
An uppercase letter or its uppercase antipode can be styled using the CSS text transform property. If you set the value of text transform: none in the stylesheet, the text will look like you write it. To convert all letters to lowercase, you need to set the value of text transform: lowercase through the colon, and uppercase for uppercase. Setting the value of the property to text transform: capitalize will make it so that there is a capital letter at the beginning of each word.