About CSS
1***
body
{
background-image:url(‘img_tree.png’);
background-repeat:no-repeat;
}
if we write no repeat then repeat it all the page
2***
Special for links are that they can be styled differently depending on what state they are in.
The four links states are:
* a:link – a normal, unvisited link
* a:visited – a link the user has visited
* a:hover – a link when the user mouses over it
* a:active – a link the moment it is clicked
3***
In HTML, there are two types of lists:
* unordered lists – the list items are marked with bullets
* ordered lists – the list items are marked with numbers or letters
4***
Table Borders
To specify table borders in CSS, use the border property.
The example below specifies a black border for table, th, and td elements:
5***
A dotted border.
A dashed border.
A solid border.
A double border.
A groove border.
A ridge border.
An inset border.
An outset border.
6**
Hiding an element can be done by setting the display property to “none” or the visibility property to “hidden”. However, notice that these two methods produce different results:
visibility:hidden hides an element, but it will still take up the same space as before. The element will be hidden, but still affect the layout.
display:none hides an element, and it will not take up any space. The element will be hidden, and the page will be displayed as the element is not there:
7**
Changing an inline element to a block element, or vice versa, can be useful for making the page look a specific way, and still follow web standards.
li {display:inline}
8**
Positioning
The CSS positioning properties allow you to position an element. It can also place an element behind another, and specify what should happen when an element’s content is too big.
Elements can be positioned using the top, bottom, left, and right properties. However, these properties will not work unless the position property is set first. They also work differently depending on the positioning method.
There are four different positioning methods.
The z-index property specifies the stack order of an element (which element should be placed in front of, or behind, the others).
9**
The “first-line” pseudo-element is used to add a special style to the first line of a text.
In the following example the browser formats the first line of text in a p element according to the style in the “first-line” pseudo-element (where the browser breaks the line, depends on the size of the browser window):
Note: The “first-line” pseudo-element can only be used with block-level elements.
Note: The following properties apply to the “first-line” pseudo-element:
* font properties
* color properties
* background properties
* word-spacing
* letter-spacing
* text-decoration
* vertical-align
* text-transform
* line-height
* clear
10***
Example 1 – Creating a Transparent Image
First we will show you how to create a transparent image with CSS.
Useful site, where did you come up with the knowledge in this blog post? Im happy I found it though, ill be checking back soon to see what other articles you have.
Gonna link to this, I think my readers would like this as well. good job
Wow Astonishing write up! This is a seasonably message. I truly totally enjoyed it.
It is just exactly as you said.
This is a amazing post, but I was wondering how do I suscribe to the RSS feed?
This is a very helpful post, I was looking for this information. Just so you know I discovered your weblog when I was doing research for blogs like mine, so please check out my site sometime and leave me a comment to let me know what you think.
Terrific site, where did you come up with the info in this article? I’m pleased I found it though, ill be checking back soon to see what other articles you have.
Exceptional write-up, this is very similar to a site that I have. Please check it out sometime and feel free to leave me a comenet on it and tell me what you think. Im always looking for feedback.
This is a very useful post, I was looking for this info. Just so you know I located your website when I was doing research for blogs like mine, so please check out my site sometime and leave me a comment to let me know what you think.
Hello, i think that i saw you visited my site thus i came to “return the favor”.I’m trying to find things to improve my website!I suppose its ok to use some of your ideas!!
i always enjoy to do blog hopping and i stumbled upon your blog .-~~,-
When I originally commented I clicked the -Notify me when new comments are added- checkbox and now each time a comment is added I get 4 emails with the identical comment. Is there any method you’ll be able to remove me from that service? Thanks!
I will give the solution quickly
Hello there,I spend time checking your écrit, Need be to create slightly review to suit you and wish a great extension. Virtually all one of the best for all ones own operating a blog attention.
Hiya very cool blog!! Man .. Excellent .. Amazing .. I will bookmark your website and take the feeds additionally…I’m glad to seek out so many useful information right here in the submit, we’d like develop extra strategies in this regard, thank you for sharing. . . . . .