6 CSS3 Properties you should have known about…
@import property is very useful to call external CSS in your stylesheet, When your stylesheet contains fonts or you can link external stylesheet, then you can try @import instead of using link tag. You can link stylesheet and fonts by using this property as shown in the snippet below!
/* The more css goes here…*/
“cursor” is a property for giving style to cursor (default,pointer,help,wait,etc…), This property can be given inside stylesheets. you can give property as shown below.
cursor:default; /* all h1 elements will have default cursor instead it has text. */
cursor:pointer; /* all p(paragraph) elements will have hand pointer cursor instead it has text in it. */
cursor:wait; /* all em elements will have loading cursor. */
cursor:help; /* all a(link) elements will have help arrow cursor. */
Visulisation Matters [ See Live Demo Of Cursors Below ]
Default Cursor [Hover Here]
So you can use this property to change cursor in every element’s style. It might useful while using a link named Help for help cursor…,
Or loading text with wait cursor., Let’s check out another property.
Have you heard about this, this is property for integrating web fonts in your CSS stylesheet, let’s get brief knowledge about its syntax,
You have a box with its width 200px but if text is constant (without line breaks
) then the text will render outside the box, For defining what will happen to overflowed items (eg. image, text, etc…) “OVERFLOW” property is useful.
How Is Overflow used [Syntax] ?
Other Overflow Values
auto – manage automatic with scrollbar.
hidden – overflowed content will not be shown it will hide.
visible – overflowed content will be visible but without scrolling.
scroll – scrollbar is shown in overflow, it turns active.
Float property is the useful property to set element where they float either left or right.
float:left or float:right is right syntax for giving value to element.
Text align property sets the alignment for text inside given class elements.
text-align:center; /* the text will be on center */
Another possible values of text align
center – Text will aligned center.
left – Text will be on left.
right – Text will be on right.
justify – Text will be justified.