HomeОбразованиеRelated VideosMore From: EJ Media

CSS Tutorial for Beginners - 16 - Line height property

369 ratings | 110868 views
In this video we take a look at line height property.
Html code for embedding videos on your blog
Text Comments (15)
KARTHICKRAJA M (7 months ago)
SOURCE CODE =============== index.html ----------------- <!DOCTYPE html> <html> <head> <title>Fish</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"/> </head> <body> <h1>The Fish Webiste</h1> <p class="para1">Welcome to the Fish Website.Everything you want to now about fish is in this website</p> <h2>This is a section on Bass fish</h2> <p class="para2">bass fish lives in lake.The word for fish in Latin is <i>Pisecs</i> </p> <p class="para3"> Fish Fossil range: Mid Cambrian–Recent PreЄЄOSDCPTJKPgN Giant grouper swimming among schools of other fish Giant grouper swimming among schools of other fish Head-on view of a red lionfish Head-on view of a red lionfish Scientific classification Kingdom: Animalia Phylum: Chordata (unranked) Craniata Included groups Jawless fish †Armoured fish Cartilaginous fish Ray-finned fish (inc. Teleosts) Lobe-finned fishes Cladistically included but traditionally excluded groups Tetrapods Fish are gill-bearing aquatic craniate animals that lack limbs with digits. They form a sister group to the tunicates, together forming the olfactores. Included in this definition are the living hagfish, lampreys, and cartilaginous and bony fish as well as various extinct related groups. Tetrapods emerged within lobe-finned fishes, so cladistically they are fish as well. However, traditionally fish are rendered paraphyletic by excluding the tetrapods (i.e., the amphibians, reptiles, birds and mammals which all descended from within the same ancestry). Because in this manner the term "fish" is defined negatively as a paraphyletic group, it is not considered a formal taxonomic grouping in systematic biology. The traditional term pisces (also ichthyes) is considered a typological, but not a phylogenetic classification. text</p> </body> </html> stylesheet.css ----------------------------- body { color: green; /*Inheriting color property value to childe elements <h1>,<h2>,<p>*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-weight: normal; /*background-color: lime;*/ /*background-color: rgb(240,28,235);*/ background-color: #ffcf79; font-size: 25px; } h1 { text-decoration: underline; font-size: 150%;/*25px is 100% here increases 50% Font Size ==> Relative Unit ==> 25px *150 and then press percentatage Symbol Calcualtor ==> 37.5px =150*/ } h2 { text-decoration:underline; /*text-decoration: line-through;*/ /*text-decoration:overline;*/ /*text-decoration:underline overline;*/ /*text-decoration: none;*/ font-size: 1.2em; /*25px * 1.2 ==> 30px*/ } p.para1 { color:blue; /*Inheritance Overriding color property value to <p> */ /*Here automatically takes font-size vale from body tag selector*/ font-family:Arial, Helvetica, sans-serif; } p.para2{ color:purple; /*Inheritance Overriding color property value to <p> */ font-family:Arial, Helvetica, sans-serif; /*Here automatically takes font-size vale from body tag selector*/ } p.para3{ color:purple; /*Inheritance Overriding color property value to <p> */ font-family:Arial, Helvetica, sans-serif; /*font-style: italic;*/ /*font-style: oblique;*/ /*Here automatically takes font-size vale from body tag selector*/ font-size: 15px; line-height: 1.5em; }
warren javascript (10 months ago)
p.para3{color:purple;font-size: 15px;} the px doesnt work on me why? :(
Kratz (1 month ago)
same for me
Ben Sufiany (11 months ago)
Comprehended
Khalilur Rahman (1 year ago)
Thanks my CSS- Master for your video. :)
Owolabi Olanrewaju (1 year ago)
i which i had known this a long time ago, I would have been the best i could now, but no hope is lost.
Tom Wade MD (1 year ago)
Thank you.Very understandable.
EJ Media (1 year ago)
Glad to be of help :)
Bro (2 years ago)
Aw dear lord why u dont use text-editor like Brackets even Notepad++? BTW great job with all the tutorials its fantastic!
EJ Media (2 years ago)
I started using Notepad++ beginning with the JavaScript series.
Yash Shakya (2 years ago)
I love the awesome content of this tutorial..Thanks a lot.
Drouphy (2 years ago)
You can just copy and paste this =) A fish is any member of a paraphyletic group of organisms that consist of all gill-bearing aquatic craniate animals that lack limbs with digits. Included in this definition are the living hagfish, lampreys, and cartilaginous and bony fish, as well as various extinct related groups. Most fish are ectothermic ("cold-blooded"), allowing their body temperatures to vary as ambient temperatures change, though some of the large active swimmers like white shark and tuna can hold a higher core temperature.[1][2] Fish are abundant in most bodies of water. They can be found in nearly all aquatic environments, from high mountain streams (e.g., char and gudgeon) to the abyssal and even hadal depths of the deepest oceans (e.g., gulpers and anglerfish). With 33,100 described species, fish exhibit greater species diversity than any other group of vertebrates
Ferus (1 year ago)
EJ Media you are the best thx for all the tutorials bro
EJ Media (2 years ago)
+Andrew Thomson ROFL
Virus Death (3 years ago)
Simple and to the point. I like it ;)

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.