Question

Write the CSS rule for an id, named as logo, with the following attributes (2%):

• Verdana or sans-serif type face font; (2%)
• Large font size; (2%)
• 20 pixels of padding. (2%)
• a border of solid, size 3px, color FF9900 (2%);

Answer 1

In CSS we use # to represent a id where as dot(.) is used to represent a class.

@font-face --this is used to represent our own font without using the web safe fonts

font-family--This is a property which is usually used to represent a family of fonts.

font-size: to give the size of the font

padding: This can be implemented by mentioning each different pixel for all the sides such as padding-left:20px etc and we if we put only one value then it is applied to all the sides

Ex:

padding: 10px 20px 30px 40px this is similar to padding-top:10px,padding-right:20px,padding-bottom:30px ,padding-left:40px;

if we put only one value then it is applied to all sides as shown in below code

border: Similar to padding in a single border property we can put all the three values ie.,type of border followed by size of border followed by color of border

(or)

We can use individual properties to denote such as border-type: solid ,border-color:#FF00999,border-size:3px;

#logo /*declaring the logo id */
{
     font-family: sans-serif; /*giving the font family property*/
   font-size: large; /*declaring the font size as large*/
   padding: 20px; /* giving the padding value */
   border: solid 3px #FF9900; /*setting up the border values*/
}

##for any queries do comment