Skip to main content

DAY 13 - AUG 05


CSS FLOAT

Float helps to fix the position of image


#img1 {
        float: left;

    }


with float property

without float property/none



CSS FONT

1 font-family

2.font-size

3.font-weight 

4. font-style

5. font-varient

6. lineheight

7. letter-spacing

8. Kerning

9. Google Font

 

      p{
font-family:Arial, Helvetica, sans-serif;
font-style :italic;
font-size:50px;
font-weight:bold;
letter-spacing: 3px;
line-height: 40px;
font-variant: initial;

        }

GOOGLE FONT

https://fonts.google.com/

 

Choose your favourite font

Select the style

Copy the embed link

Paste it in head part of html

Choose the font-family under embed link for the font you selected and paste it on property font-family.

*Note

Font – Family  : Browser Dependency preference

Kerning : Space between words

 

CSS ICON

Go to the website for icon

https://fontawesome.com/v4.7.0/icons/

Select the icon u need and copy paste the link to html body part

Add bootstarp url in link tag href at head portion

https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

Change Icon size with Font-Size

 


Comments

Post a Comment

Popular posts from this blog

CODEKATA BITWISE

Given a number N and an array of N elements, find the Bitwise XOR of the array elements. Input Size : N <= 100000 Sample Testcase : INPUT 2 2 4 OUTPUT 6   // ONE TESTCASE PASSED const   readline  =  require ( "readline" ); const   inp  =  readline . createInterface ({    input :   process . stdin }); const   userInput  = []; inp . on ( "line" , ( data )  =>  {    userInput . push ( data ); }); inp . on ( "close" , ()  =>  {    var   N  =  Number ( userInput [ 0 ]);    var   str  = String ( userInput [ 1 ])    var   arr  =  str . split ( ' ' ). map (( val ) => Number ( val ))       var   first  =  arr [ 0 ]       for ( i = 1 ; i < N ; i ++)   {  first  = first ^ arr [ i ]}    console . log ( first ...
Post a Comment
Read more

DATA BASE

  DATA BASE Backend deals with Server and Data Base CLOUD COMPUTING Cloud – Cloud Computing -- Rented Computer Service Ram, Processor, OS, Storage WHY WE PREFER CLOUD COMPUTING 1. Capital Investment (at initial stage renting is better than purchasing) 2. Maintenance Problem (Power Backup, Hard Disk, Upgrade) 3. Easily Swappable (Scale Up & Scale Down) (festival time ecommerce need extra storage and facilities after that it may need less, College websites during exam time (E.g)   Anna university website ,recent time – income tax website – pan card & aadhar card linking) 4.   Don’t need any separate place to keep those Systems. TOP COMPANIES AWS – Amazon Web Service - Netflix GCP – Google Cloud Platform Azure - Microsoft Azure WHY LINUX PREFERRED THAN OTHER OS Linux, Windows, Mac 1. Open Source 2.   Secure than Windows & Mac. 3. Command Line Usage In the Linux OS, the command line is a very handy and powerful tool used for...
Post a Comment
Read more

DAY 15 - AUG 08

  DOM – DOCUMENT OBJECT MODE   HTML DOC –Browser – Browser Engine(html parser) – DOM   Tree structure takes less time for searching that’s why we prefer tree structure in DOM. Why we prefer object model? Object model means OOPS concept based it have features like data abstraction, encapsulation…. Window   -- Window is the default thing available in the Browser’s JavaScript Engine. Document -- Document is property of Window Screen – Physical dimension of   the browser   Draw some sampl tree We can create html with the help of tag and make it dynamic(to do some action) by adding   javascript   using script tag then why specifically we need this dom à Will understand in future classes that we can’t do something directly with the tag.   DOM MANIPULATION   var element =document.createElement(‘tag’) Element.setAttribute(“attribute”,”name”) If we have morethan one same attribute for the element we can’t use s...
Post a Comment
Read more