The Three types of Style Sheets in HTML
There are
various ways in inserting CSS into a specific HTML document. This can be done
through the three types of style sheets which are: Inline, Internal, and
External.
Style Sheet No.1: Inline Style Sheet
The easiest
style sheet to go through in making an html document. Inline style is useful
when we need to define specific style for individual elements present on a web
page. Inline style sheets are declared with the style=attribute.
An example of an
Inline Style Sheet code:
Steps in
making an Inline style sheet:
1. Copy the
image above by typing it in a notepad
2. Open the
html document in a browser
Style Sheet
No.2: Internal Style Sheet
Internal CSS code is put in the
<head> section of
a particular page. The classes and IDs can be used to refer to the CSS code,
but they are only active on that particular page. CSS styles embedded this way
are downloaded each time the page loads so it may increase loading speed. However,
there are some cases when using internal style sheet is useful. One example
would be sending someone a page template – as everything is in one page, it is
a lot easier to see a preview. Its results has a unique feature than the inline
style.
An example of an Internal Style Sheet code:
Steps in making an Inline style sheet:
1. Copy the image above by typing it in a notepad
2. Open the html document in a browser
Style Sheet
No.3: External Style Sheet
An external style sheet is a separate file linked to an HTML
web page. It comes with a .css filename extension. All the styles that need to
be used on a website can be declared in the external style sheet. External
style sheets are an important tool from the webmaster’s perspective. This is
frequently used to apply one or more styles to many pages.
An example of an External
Style Sheet code:
Steps in making an
External Style Sheet:
1. Type the code on
the image above in a Notepad
2. Save the style
sheet with a .css extension.The file should be stored in the same location as
your HTML file/s
After making the css
code, let’s make the HTML file like the code below in a Notepad:
Those are the three types of style sheet in HTML,for starters,try this.I hope you have learn something in my blog ;-)
Education sure is the key to success
ReplyDeletethanks
DeleteI really love how this is written, and the points are simply inspiring.
ReplyDeletethanks
DeleteNice one ken..👍
ReplyDeleteWow! I learned a lot! Thanks for this!
ReplyDeletethanks
DeleteI totally agree!
ReplyDeletethanks
DeleteGreat job
ReplyDeleteThis comment has been removed by the author.
ReplyDeletecool
ReplyDeleteEducation is the most powerful weapon which you can use to change the world accdg to the late Nelson Mandela.Once you develop a passion for learning you'll become a better individual.
ReplyDeleteThis blog delivers positive,engaging and informative content.Kudos to the writer.I'll give this blog site a five star rating for its substance and creativity.
wow
ReplyDeletethanks
DeleteI see now, Sharpening you second blade, which is your own education, can make you a force to be reckoned with. Even the greatest assassins can become a useless rats without Education.
ReplyDeletethanks
DeleteThank you all :-D
ReplyDeletevery inspiring and detailed.Thumbs up!
ReplyDeleteNice😁
ReplyDeletethanks
DeleteNice👏
ReplyDeletethanks
DeleteNice👏
ReplyDeletethanks
DeleteNice👏
ReplyDeletethanks
DeleteExcellent!
ReplyDeletethanks
DeleteThanks for the info 👍
ReplyDeletethanks
DeleteVery well said, Ken ! Hopefully, every student will take these points of yours about education seriously . You're a grown-up man now. I'm so proud of you! Keep up the good works and always thank the Lord for everything you have. God bless Ken.
ReplyDelete-Teacher Jen😊
thanks maam
DeleteThanks for the info!!
ReplyDeletethanks
DeleteWow!
ReplyDeleteIts nice and wonderful
ReplyDeletethanks
DeleteIt's helpful
ReplyDeletethanks
DeleteWonderful!
ReplyDeletethanks
DeleteEducation is the KEY! <3
ReplyDeletethanks
DeleteAMAZING ONE! NICEEEEE JOBBBBB
ReplyDeleteGood job!!
ReplyDeletethanks
DeleteAwesome 👏👏❤️😊
ReplyDeleteGood job!!
ReplyDeletethanks
DeleteNice bloog!
ReplyDeletenice blog
ReplyDeletethanks
Deleteamazing blog.... very well said and done ken��������
ReplyDeletethanks
DeleteExcellent!
ReplyDeleteNice!!!
ReplyDeleteEducation is one of the vital dimension of society indeed
ReplyDeletethanks
DeleteGood job!���� I learned a lot
ReplyDeleteGood job!���� I learned a lot
ReplyDeletethanks
DeleteThank's for this!
ReplyDeleteNice😘
ReplyDeletethanks
Deletewow, so nice
ReplyDeleteWow
ReplyDeleteEducation is really important tho!!
ReplyDeletethanks
DeleteVery informative
ReplyDeleteIntelligence plus character,that is true perfection ;-)
ReplyDeleteEducation is a medium of power that can develop a good or evil principle on a specific person,good job for promoting that Good Education
ReplyDeletethanks
DeleteWow:)
ReplyDeleteeducation is indeed important
ReplyDeletethanks
DeleteWow!
ReplyDeletethanks
Delete💯
ReplyDeletethanks
DeleteThumbs up for this blog ! 😉 Education is the key to success! Education is the only thing that cannot be stolen from us. This kind of info must be published and spread for the awareness of the youth today , that they should not take for granted the education! That they must appreaciate and give justice to their parents who have these eagerness to send them to school, that their parents will do everything for their children to have a better life in the future. 😉😉
ReplyDeletethanks
Deletewoah 😮
ReplyDeleteAmazing good job🖒🖒🖒
ReplyDeletethanks
DeleteIts so nice! Keep up the good work
ReplyDeletethanks
Deleteinspiring blog article
ReplyDeletethanks
Deleteit inspires me to go to school woah
ReplyDeletethanks
Deletei love it
ReplyDeleteeducation is the best thing
ReplyDeletethanks
Deletewow i've learned alot
ReplyDeleteI love it....I may learned something though
ReplyDeleteBeautifully written!!
ReplyDeletethanks
DeleteEducation cannot be easily taken away from us!! I like the blog
ReplyDeletethanks
DeleteEvery student must read this blog! Nice job
ReplyDeletethanks
DeleteEducation is really a part of everyday lives, and it is very true here in Mexico. ¡me encanta!
ReplyDeleteEveryday the education system is evolving. nobody can change what education has taught us. As a fellow student, I can say that this is the best article about education, keep up the good work!
ReplyDeleteDaisukidesu!
ReplyDeletethanks
Deletegood job!
ReplyDeletethanks
DeleteAs an instructor, this true to most extent. Good job
ReplyDeletethanks
DeleteThumbs up Kenny.A witty and level headed I've known
ReplyDeletethanks
DeleteImpressive!Strongly agree that Education is the only wealth that cannot be taken from you.
ReplyDeletethanks
DeleteYou nailed it despite of your age,being younger to your grade level,you really emphasize it word by word.We're proud of you
ReplyDeleteWoah!Clap!Clap!Clap!"Educating the mind without educating the heart is no education at all."
ReplyDeleteI'm so proud of you as a former teacher.Montessorians!
ReplyDeletethanks
DeleteCongrats kenny,so Nice!Don't just fly-SOAR!
ReplyDeletethanks
Deletethanks
ReplyDeletethanks
ReplyDeletethanks
ReplyDeletethanks
ReplyDeletethanks
ReplyDeletethanks
ReplyDeleteThank you all
ReplyDeleteThis blog is so helpful! Thanks kenny!
ReplyDeleteThank's for this i suggest adding codes will help!
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThis was a brilliant and has simple and easy steps I recommended adding in second step .Html before the 1 and 2 step. step1 should open notepad your step 1 should be 2 and step 2 should be 3 then step4 make a folder to save your files and final step is to save as in your recent folder you made and put the name of the file (your name or any characteristics) after that add.html with no space.Thank you for this great information.
ReplyDeleteThis is a good example of codes for coding. But there are some problems on which it doesn't affect the learning but affects the reading capability of a person. Some of the picture's of the example codes are small and for readers who are having trouble seeing might be troubled at reading. But non the less it's really good.
ReplyDelete