Close   

Admin and announcement forums

    30 Mar 2008
shorthand notations in stylesheet  or css  
kumar rakesh
create and manage free online surveys with unlimited responses
Online surveys are now basic requirement of everyone who want to review there products or to make studies about anything. But finding a solution who can provide esurveys efficiently is really a big pain. creating an online survey with inefficient tool as irritating and getting survey conducted with limitations on responses is even worse.
cont..
    30 Mar 2008
shorthand notations in stylesheet  or css  
kumar rakesh
practice interviews and prepare for interviews
in todays changing world every one want to increase there salaries very quickly.
Changes your employer is an very efficient solution for this. But changing employer and company is not so easy.

cont..

Viewed 176 times
Total posts : 2

    15 Feb 2008
shorthand notations in stylesheet  or css  
Ernie Kent
His other forums
shorthand notations in stylesheet or css
Stylesheets can be made faster and more readable using shorthand notations.
in Stylesheets there are many shorthand notations available. I'll collect all of them here
for references.

border:1px solid red


here
first parameter is thickness of border
second is border style [ solid, dotted, dashed ....]
third one is color by name of hex code


font:italic small-caps bold 12px/20px arial,verdana;

here
first : font style [ italic,underline,strikethrough...]
second: letter style [ small-caps, normal ...]
third : font-weight [ bold normal]
fourth : font size / line height
fifth : font family ( for more then one font families add coma separated values in the order or precedence)

padding:2px 3px 12px 22px;

here
padding is added in sequence from top to left in clockwise direction


margin:2px 3px 12px 22px;

here
  margin is added in sequence from top to left in clockwise direction



21 Jun 2008
 
kumar rakesh
His other forums
Cascading in CSS

cascading in css is the nature of parent child relation to select elements in html page. cascading nature is directly visible in css. You will see here



consider structure

<div class="div1">

    <div>real content</div>

</div>



here inner div can be reached by in css by stepping down from div1 to inner div

.div1 div{

    color:red;

}

now, this div1 class will effect only inner div. So, this is the cascading in CSS

this can be extended to any depth level.
Login to participate in forums
10 Nov 2008
 
kumar rakesh
His other forums
More shorthand notations



Background:

all the available options are



element {
background-color: color || #hex || (rgb / % || 0-255);
background-image:url(URI);
background-repeat: repeat || repeat-x || repeat-y || no-repeat;
background-position: X Y || (top||bottom||center) (left||right||center);
background-attachment: scroll || fixed;
}



shorthand notations for background is



element {
background:
#fff
url(image.png)
no-repeat
20px 100px
fixed;
}

More options for margin property: it's fun




/* adds a 10px margin to all four sides */
element {
margin:10px;
}

/* adds a 20px margin to top and bottom
and a 5px margin to left and right */
element {
margin:20px 5px;
}

/* adds a 50px margin to top
and a 10px margin to left and right
and a 300px margin to bottom */
element {
margin:50px 10px 300px;
}



list style :



available options are

element {
list-style-type: (numerous);
list-style-position:inside || outside;
list-style-image:url(image.png);
}

shorthand notation for list style

ul li {
list-style:square inside url(image.png);
}
/* in this particular case if image.png is not available
then a square will be provided as secondary */
Login to participate in forums

Login to participate in forums
jump to :
Post reply on this forum

1

Comment on this forum
Name :
Email :
Comments :
Legends
shorthand notations in stylesheet  or css Forums tagged shorthand notations in stylesheet  or css Forums tagged. But locked for further reply
="shorthand Forums locked. can not accept further replies shorthand notations in stylesheet  or css General forum