Here, the clever use of CSS skills, can let you don't need to modify the HTML template can get very good blog or appearance. I have collected some useful CSS skills make more cool cool when we design blogs.
when design templates and wordpress theme, I often &other; Constant scrutiny and attempt to CSS (Hit the trials and CSS), I only to see what kind of match colors plan and what CSS properties of the binding energy of the page element is more perfect. Right. The reason is &other; Constant scrutiny and try CSS” Because I'll try before results satisfied the try every method. The use of these different CSS properties, I use most is a list of these.

since I started blogging, I will contact with CSS, I love also love CSS design. Blog made me learn PHP, CSS and HTML. Here I have collected 10 good CSS skills, you can use on your blog or personal website. It can help you to well organize your blog elements and make them look pretty cool. Start our content below, hope you will like it.
1, a simple method to adjust blog picture size

code is as follows:


the content img {
height: auto;
width: 500 px;
}

this is the most simple and efficient method of image size to readjust your blog. It all images within the content width to 500 pixels, and height according to the width of the adaptive. I now is to use this method to redefine the content inside the picture size.
2, IE HTML hacks
code is as follows:


div # content {width: 580 px}
* HTML body div # content {width: 600 px}

*, in front of the div so that you can customize special IE style.
3, CSS shadow
code is as follows:


shadow {
- moz - box - shadow: 3 px 3 px # 5 px 6 px CCC;
- webkit - box - shadow: 3 px 3 px # 5 px 6 px CCC;
the box - shadow: 3 px 3 px # 5 px 6 px CCC;
}

you can be div package for block-level elements or any class or label applied the above style. You need to set the horizontal and vertical offset, fuzzy radius and shadows fill color. You can be in this article posted on the image to see this example.
4, CSS amplification acronym
code is as follows:


ps: first - letter {
display: block;
float: left;
margin: 5 px 5 px 0 0;
color: red;
the font - size: 1.4 em;
background: # DDD;
the font-family: Helvetica;
}

define your amplification acronym is easy, with CSS first letter attribute can be automatically selected blog, so you can customize the CSS style to design the first letter, like a bigger font size, italic, etc.
5, with CSS rollover image
code is as follows:


# content img {
- moz - transform: scaleX (1);
- o - transform: scaleX (1);
- webkit - transform: scaleX (1);
the transform: scaleX (1);
filter: FlipH;
- ms - filter: "FlipH";
}

use the CSS properties you can turn any image
6, remove the point being point link box
code is as follows:


a {the outline: none}
or
a {the outline: 0}

you must have noticed that when you are in some blog, click on the link, you will see on this link to have dotted border. You can through the above a small piece of CSS remove the border.
7, use special fonts in the CSS, the
code is as follows:


element (the
filter: alpha (opacity=50);
- moz - opacity: 0.5;
- KHTML, opacity: 0.5;
opacity: 0.5;
}

use a transparent attribute, you can make any browser elements on transparency, these properties can work on all the major device, and even Internet explorer (PS: IE6 skip?...)
9, using CSS display after the link URL

code is as follows:


a: after {content: "(" attr (href)") "; }

it will show the URL after the link anchor point. You can also use font or other style definition of it.
10, for handheld devices to custom style
code is as follows:


<The link type="text/CSS" rel="stylesheet" href="http://www.jb51.net//web/handheldstyle.css" media="handheld" >

if your blog can not response or you want to use mobile phones to browse from time to tome special styles, you can blog for you mobile phone version of the custom CSS.
# 0 - #


This concludes the body part