Bloggers who are just starting to create their resources and delve into the field of site building and optimization, quite often miss important steps. In particular, the majority prefer not to learn programming languages and, using engines, set up platforms, and then immediately begin to fill them.
If you decide to become a professional blogger, you will definitely need to learn at least the basics of programming languages or markup.
I would like to say separately about the CSS files that are responsible for the design of the site components, because using engine templates, they need to be unique, and making amendments to the CSS is the best option.
Do you need CSS knowledge of a blogger? Of course. And to learn this formal language of website design, it is not necessary to pay money. You can gain the necessary knowledge using various blogs and free e-books.
To fully explain how to work with CSS correctly, one article will not be enough, therefore in this material we will present you only the basics of CSS that may be useful to you:
1 . Binding CSS to HTML. In order for the style file to start working on your site, it must be linked to HTML pages.
This is done by adding a special code:
It needs to be inserted into the HTML between the head tags. After you bind, you can begin to fill the CSS with various selectors, each of which will be responsible for the design of certain parts of the site.
2. Paragraph styles. You can set the original styles for each paragraph on your site. To do this, use the selector:
Inside the brackets, you can specify any values to achieve an individual design.
3. Styles for classes. With the help of special selectors, you can set specific styles for individual site elements. To do this, in HTML code you will need to specify a special code for those parts to which the style will be applied (for example,. P class = ”post”.), And then in CSS you can add a separate design for them:
In the first line (. Post) you will specify the class of elements with which to mark parts in HTML.
4. Group selectors. If you need to apply a style to several elements at once, you can prescribe several selectors separated by commas:
You can specify an unlimited number of selectors via a comma.
5. Style for a single item. If you need to apply a separate style to a specific element, in HTML write a tag to it (. P id = "post".), Instead of the word post, you can specify any value. After that, in CSS you can set a separate style for it:
6. Link styles. Each site has links, both internal and external. They can also be made through CSS. To do this, you will need to select the type of element in which the link is set. For example, it may be a bulleted list, for this use the following form:
7. Styles for the menu. When designing the menu, it is necessary to customize the style so that when you hover the cursor the menu item changes. It looks much better, and for this you will need to add a small code in CSS:
Within each of the examples that we have specified, you can make edits, for example, set color, size fonts, font type, spacing, text alignment and much more, you need to prescribe them just like in HTML, so you are unlikely to get confused.
Of course, after reading this article, you will not become a CSS expert, but you have increased the level of knowledge and now at least have an idea of how site styles work.
It will also be interesting for you:
- Health of bloggers
- 5 tips for new bloggers
- Free site audit