CSS Basics. How to Apply Rounded Corners On Images #1
This tutorial explains how to change the description of any image using some simple CSS rules, but I will do this post for another purpose as it is very easy to do.
I will post it in two parts at the end of the day so that you can understand a little bit about CSS (Cascading Style Sheets).
For those who want to know more, please see this link , and for those who want to know more, I recommend you visit this site .
Introduction and words
Style sheets are designed to help you determine the structure, size, or appearance of a web page. So the CSS box model is basically a box that includes HTML components, which determines how the boxes are presented in colors, fonts, widths, backgrounds, etc.
The advantage is that when we decide to change something, we do not have to upgrade all the pages one by one, but simply adjust the style of the spreadsheet features and these improvements apply directly to all pages.
Style Sheet is a set of rules composed of voter ads. The nickname should be used in HTML as the nickname you want to set on the nickname, and the descriptions are the assets we add to the required values (more on CSS syntax )
Add CSS selector
For example, if we add the above code to a style sheet, we may not see any irregularities on our site. As I mentioned earlier, the selector represents HTML CSS, so if we want the block to take these widths, background colors, border fonts, we must include the selector in the HTML page. Paid item.
Now let's see how this changes the look of the box, all the others without Selector Name return to the default look.
Basically, when you add or adjust a line to a style sheet, all the boxes marked by this selector change color according to the features and values we describe in the style sheet.
Where can CSS style be added?
This style can be added to external CSS files. Create a css file with all the rules, upload it to the host website and get the url of the file. To use it, you can add the following line to your template title and add it to the blogger. ; :
You can add style work directly to the HTML template by adding CSS style tags.
It can also be added to the page HTML element. In this case, you do not need to add a selector to indicate the location of the CSS style.
]] >> :: veletikette. If we import our template HTML, we will get a lot of code in those tags, which is a CSS style that describes the look of the blogs.
For those who do not want to touch the template code, you can add CSS by going to Blogger Template Designer> Advanced > CSS .
Enough for today. In the next tutorial we will learn how to add rounded edges to our images using CSS.
I will post it in two parts at the end of the day so that you can understand a little bit about CSS (Cascading Style Sheets).
For those who want to know more, please see this link , and for those who want to know more, I recommend you visit this site .
Introduction and words
Style sheets are designed to help you determine the structure, size, or appearance of a web page. So the CSS box model is basically a box that includes HTML components, which determines how the boxes are presented in colors, fonts, widths, backgrounds, etc.
The advantage is that when we decide to change something, we do not have to upgrade all the pages one by one, but simply adjust the style of the spreadsheet features and these improvements apply directly to all pages.
Style Sheet is a set of rules composed of voter ads. The nickname should be used in HTML as the nickname you want to set on the nickname, and the descriptions are the assets we add to the required values (more on CSS syntax )
For example, if we add the above code to a style sheet, we may not see any irregularities on our site. As I mentioned earlier, the selector represents HTML CSS, so if we want the block to take these widths, background colors, border fonts, we must include the selector in the HTML page. Paid item.
Here we add a rule that allows the browser to translate that restriction into a specific type or component . This section or selector may have special features and values specified in the style sheet as shown in the image above.class = " SelectorName "> Text here
Now let's see how this changes the look of the box, all the others without Selector Name return to the default look.
Basically, when you add or adjust a line to a style sheet, all the boxes marked by this selector change color according to the features and values we describe in the style sheet.
Where can CSS style be added?
This style can be added to external CSS files. Create a css file with all the rules, upload it to the host website and get the url of the file. To use it, you can add the following line to your template title and add it to the blogger. ;
style.css "rel =" style sheet "type =" text / css "/>Note: Replace blue text with CSS file URL.
You can add style work directly to the HTML template by adding CSS style tags.
It can also be added to the page HTML element. In this case, you do not need to add a selector to indicate the location of the CSS style.
Blogger rules are in the middle.Background color: #EAEAEA; Boundary: 1 pixel solid # 444444; Width: 200 pixels; Font size: 12 pixels; >> WRITE HERE
For those who do not want to touch the template code, you can add CSS by going to Blogger Template Designer> Advanced > CSS .
Enough for today. In the next tutorial we will learn how to add rounded edges to our images using CSS.
