Hi bloggy readers,
It seems interesting to learn how CSS codes can actually work like a magic if we know how to use it properly in the field of HTML programming. And as a serious blogger, we must have the ability to understand how to work with CSS codes. Even though your blog topic is about cooking, fishing, or anything outside blogging tutorial, it's a must for you to be familiar with HTML language. So now, let's learn how to be familiar with CSS code in the simple way, so in the future it may come in handy for your blogging experience. But in this post, i would like to narrow down the topic about CSS codes and just focusing on the main topic about:
- Padding
- Margin
- Border
CSS or Cascading Style Sheets can be defined as a pack of commands written in HTML language, which is made to differ one element from other elements (fonts, layout, etc) in particular style. For example, i want to make a pack of commands or CSS for my post title named POST TITLE. So the anchor of the CSS would be like these:
.posttitle {
}
And then, i want to set a particular style for my post title. The following commands is a pack of command i want to add to my POST TITLE.
.posttitle {
color:black;
font-weight:bold;
background:white;
font-size:19px;
}So, that's what we call as a CSS. Now proceed to the next part: Padding, Border and Margin.
Padding
Padding is a part of command from CSS that we use to make a space around, inside the element. For example, i made a column named SIDEBAR. And then, i want to create a space around that element, so the letter/images inside, wont hit the corner of the collumn and can be read easily. For example, see the columns below!Border
border:1px solid #696969;
In the code above,
- 1px means the tickness of the line.
- Solid means the type of line we want. Solid can be replaced with dotted or dashed.
- #696969 means the code of the line color. #696969 cannot be replaced with the color word. example "grey".
Margin is the CSS command that we use to create a space outside the element. Different with padding, margin will allow us to make a space outside the element, not inside the element.
So, that's little about css tutorial i can share to you all right now. Next time, i will digg more about CSS for you.
Good luck Bloggy!
