Introduction
In this section I am going to assess different implementation
styles for CSS. The different implementation styles in which I am going to talk
about include: Internal Style
Sheets, External Style sheets
and Inline Style sheets.
CSS (Cascading Style Sheets) allows a web developer to
design a website in terms of the colour and design. CSS does not
"create" anything all it does it decorates and align stuff on the web
page. HTML (Hyper Text Mark-up Language) is responsible for the construction
and the total output of a web page. As mentioned earlier there are three
sections in HTML and I will go in more detail below. The main job of styles is
to define what the HTML elements will look like; therefore CSS is built into
all HTML tags.
Which one to use?
This is a big question to ask, as you wouldn't know what CSS to use. Below I
have given a description of each as well as the advantages and
disadvantages to give a better understanding of Inline, Internal and External.
INLINE CSS-
With this technique the CSS code is written within the "<h1> <
/h1>" tags of the HTML code. This is an attribute of the HTML. With
this written directly within the headings it overwrites the Internal and
External techniques. This way is quick to change the colours and formats of
text, however every time you want to change a colour format you have to write
it out again in the <h1> headings. Inline loses many of its advantages of
style sheets because it mixes with the content with the presentation.
Example: This
example shows how to change the colour and right margin of a paragraph.
<p style="color: blue; margin- right: 25px;"> My name is
Abdullah
This would show the paragraph as:
" My name is Abdullah"
Advantages of Inline
1. With Inline you don't need to create an external
document (as you would if you were using external sty sheet). As well as this
you don't need to edit a new element in the head of your document (as you would
with an internal style sheet). Inline are therefore very easy to add and can
save a lot of time.
2. Testing- Web designers
use inline style sheet when they are first working on a new project. This is
because it is easier to scroll up in the source instead of changing the source
file. More importantly inline can be used to debug pages if there is an error
and it is hard to fix.
3. Loads Faster- This is a
major benefit with Inline CSS as it has lower HTTP requests. This means that
Internal CSS websites load much faster than External CSS websites.
Disadvantages of Inline
1. Must
be used on every Element-The Inline style must be used for every element
you want it on so it can be much more time consuming if you are creating a
large site. For example if you wanted all your headings to have a font of
"Ariel" you would have to add an inline < p> < /p> tag
in your documents. This will also add download time for the website user
when they are opening the site.
2. Over writing External and
Internal- Because Inline is the most specific in the cascade It means
you could override your other style sheets such as external and internal even
if you didn't intend to. This can therefore cause problems for the web
developer.
INTERNAL CSS
Example:
<Head>
hr {color: red;
p {margin-left:20px;}
</style>
</HEAD>
Advantages of Internal
1. Same style on
every element- This means that Internal styles don't need to be applied
to every element. If you want all your headings or paragraphs to have the
family font "Ariel" you would have to add an Inline style <p>
tag within your internal style document. This can benefit you if you want to keep
all the fonts the same as you just need to do it once.
2. Testing- Internal style sheets are a
very useful tool for web developers as they allow you to test your styles in
the context of your entire site without breaking any pages apart from the one you
are testing.
Disadvantages of Internal
1. Slow Loading-
One of the biggest disadvantages of Internal is that the web pages load very
slowly. This is because there are less HTTP requests and are slower than
External and Inline. If you were making a website I would not recommend
Internal as you site should load within 15 seconds to stop people from
diverting from your site.
2. File Size-
When the web developers are working, the page size increases. Although it is
helpful for the developers when working offline, it can cause the site to load
slowly when they are online.
EXTERNAL
An external Style sheet is when the code (which is shown
below) is in HTML and is put inside the head part of it which looks like this:
<head>. The HTML code below links the CSS code from the “stylesheet” page
to the HTML. This way the HTML code and CSS are on separate pages and they are
linked together via the code below. So every time you add a new webpage all the
format and colour etc. will be kept the same. This technique is much better
than Inline and Internal because the two codes are not mixed together meaning
they are easier to find and read.
An external style sheet can be written in any editor program. The
file should not contain HTML tags and should be saved with a .CSS
extension.
For example:
hr {color:blue;}
Advantages of External Style Sheets
1. File size is
reduced- Because the styling text is within a different document it means
that the file sizes of the pages will be reduced
quite considerably. As well as this the content to-
code ratio is much greater, than if it was just simple HTML
pages. This means the structure and content is much easier to read by
the developers.
2. Increasing Traffic
to your site- CSS lets you to display your website according to the
HTML standards. This can be done without changing any looks or designs on your
site itself. Google gives little value to well organised web
pages. This means that more traffic can
be directed towards your site.
3. Because the style is separated from the HTML page and
is put within a CSS style sheet it means that there is less code within
the page but more importantly it makes it more easy to work with and less
confusing as the HTML is separated with the style sheet.
Disadvantages of External Style Sheets
1. If you have a small website it could be more complicated to use
external style sheets because they can increase quite fast and if you have
deleted web pages it can be confusing as you wouldn't know which
style sheet is needed.
Conclusion
...............................................................................................................................................
Reference
Inline vs Internal vs External CSS-17/01/2013 -http://bit.ly/V9U346
Basic Tips - 17/01/2013 - http://bit.ly/XhhzqN
Expression Web Tortorial - 17/01/2013 - http://bit.ly/W927Nt
W3 Schools - 17/01/2013 - http://bit.ly/67RTT
In this section I am going to assess different implementation
styles for CSS. The different implementation styles in which I am going to talk
about include: Internal Style
Sheets, External Style sheets
and Inline Style sheets.
CSS (Cascading Style Sheets) allows a web developer to
design a website in terms of the colour and design. CSS does not
"create" anything all it does it decorates and align stuff on the web
page. HTML (Hyper Text Mark-up Language) is responsible for the construction
and the total output of a web page. As mentioned earlier there are three
sections in HTML and I will go in more detail below. The main job of styles is
to define what the HTML elements will look like; therefore CSS is built into
all HTML tags.
Which one to use?
This is a big question to ask, as you wouldn't know what CSS to use. Below I have given a description of each as well as the advantages and disadvantages to give a better understanding of Inline, Internal and External.
This is a big question to ask, as you wouldn't know what CSS to use. Below I have given a description of each as well as the advantages and disadvantages to give a better understanding of Inline, Internal and External.
INLINE CSS-
With this technique the CSS code is written within the "<h1> <
/h1>" tags of the HTML code. This is an attribute of the HTML. With
this written directly within the headings it overwrites the Internal and
External techniques. This way is quick to change the colours and formats of
text, however every time you want to change a colour format you have to write
it out again in the <h1> headings. Inline loses many of its advantages of
style sheets because it mixes with the content with the presentation.
Example: This
example shows how to change the colour and right margin of a paragraph.
<p style="color: blue; margin- right: 25px;"> My name is Abdullah
This would show the paragraph as:
" My name is Abdullah"
Advantages of Inline
1. With Inline you don't need to create an external document (as you would if you were using external sty sheet). As well as this you don't need to edit a new element in the head of your document (as you would with an internal style sheet). Inline are therefore very easy to add and can save a lot of time.
2. Testing- Web designers use inline style sheet when they are first working on a new project. This is because it is easier to scroll up in the source instead of changing the source file. More importantly inline can be used to debug pages if there is an error and it is hard to fix.
3. Loads Faster- This is a major benefit with Inline CSS as it has lower HTTP requests. This means that Internal CSS websites load much faster than External CSS websites.
Disadvantages of Inline
1. Must be used on every Element-The Inline style must be used for every element you want it on so it can be much more time consuming if you are creating a large site. For example if you wanted all your headings to have a font of "Ariel" you would have to add an inline < p> < /p> tag in your documents. This will also add download time for the website user when they are opening the site.
2. Over writing External and Internal- Because Inline is the most specific in the cascade It means you could override your other style sheets such as external and internal even if you didn't intend to. This can therefore cause problems for the web developer.
INTERNAL CSS
An Internal style sheet means the code is stored in the HTML
section of the web page inside the head tag. This is much better than
inline because any CSS used within the page will inherit
the formatting e.g. if the font colour is red everything else will change.
A bad point about this is if you have <h2> in a document you need
repeat the code for every single page. With this style sheet it means that each
HTML file the CSS code needed in order to style the page. This means that if
you want to make a change to one page, it would have to be done to them all.
Example:
<Head>
hr {color: red;
p {margin-left:20px;}
</style>
</HEAD>
Advantages of Internal
1. Same style on
every element- This means that Internal styles don't need to be applied
to every element. If you want all your headings or paragraphs to have the
family font "Ariel" you would have to add an Inline style <p>
tag within your internal style document. This can benefit you if you want to keep
all the fonts the same as you just need to do it once.
2. Testing- Internal style sheets are a
very useful tool for web developers as they allow you to test your styles in
the context of your entire site without breaking any pages apart from the one you
are testing.
Disadvantages of Internal
1. Slow Loading-
One of the biggest disadvantages of Internal is that the web pages load very
slowly. This is because there are less HTTP requests and are slower than
External and Inline. If you were making a website I would not recommend
Internal as you site should load within 15 seconds to stop people from
diverting from your site.
2. File Size-
When the web developers are working, the page size increases. Although it is
helpful for the developers when working offline, it can cause the site to load
slowly when they are online.
EXTERNAL
An external Style sheet is when the code (which is shown
below) is in HTML and is put inside the head part of it which looks like this:
<head>. The HTML code below links the CSS code from the “stylesheet” page
to the HTML. This way the HTML code and CSS are on separate pages and they are
linked together via the code below. So every time you add a new webpage all the
format and colour etc. will be kept the same. This technique is much better
than Inline and Internal because the two codes are not mixed together meaning
they are easier to find and read.
An external style sheet can be written in any editor program. The
file should not contain HTML tags and should be saved with a .CSS
extension.
For example:
hr {color:blue;}
p {margin-right:25px;}
body (background-image:url("image.gif");}
Advantages of External Style Sheets
1. File size is
reduced- Because the styling text is within a different document it means
that the file sizes of the pages will be reduced
quite considerably. As well as this the content to-
code ratio is much greater, than if it was just simple HTML
pages. This means the structure and content is much easier to read by
the developers.
2. Increasing Traffic
to your site- CSS lets you to display your website according to the
HTML standards. This can be done without changing any looks or designs on your
site itself. Google gives little value to well organised web
pages. This means that more traffic can
be directed towards your site.
3. Because the style is separated from the HTML page and
is put within a CSS style sheet it means that there is less code within
the page but more importantly it makes it more easy to work with and less
confusing as the HTML is separated with the style sheet.
Disadvantages of External Style Sheets
1. If you have a small website it could be more complicated to use
external style sheets because they can increase quite fast and if you have
deleted web pages it can be confusing as you wouldn't know which
style sheet is needed.
Conclusion
As you can see all Inline, Internal and External have their
advantages and disadvantages. The right one to choose really depends on what
type of website you want to make. For example if your website is only a page
with not much design and colour it would be best to use Internal and enter the
CSS within the head of the HTML. However if your site has many pages and is
quite complicated, I would recommend you use the External Style sheet as it
will make is simple because the CSS code will be separate from the
HTML, and if there is a lot of code it is better to separate it in order
to not get confused.
...............................................................................................................................................
Reference
Inline vs Internal vs External CSS-17/01/2013 -http://bit.ly/V9U346
Basic Tips - 17/01/2013 - http://bit.ly/XhhzqN
Expression Web Tortorial - 17/01/2013 - http://bit.ly/W927Nt
W3 Schools - 17/01/2013 - http://bit.ly/67RTT
...............................................................................................................................................
Reference
Inline vs Internal vs External CSS-17/01/2013 -http://bit.ly/V9U346
Basic Tips - 17/01/2013 - http://bit.ly/XhhzqN
Expression Web Tortorial - 17/01/2013 - http://bit.ly/W927Nt
W3 Schools - 17/01/2013 - http://bit.ly/67RTT
All the points you described so beautiful. Every time i read your i blog and i am so surprised that how you can write so well.
ReplyDeletepython training in rajajinagar
Python training in btm
Python training in marathahalli
Thank you for allowing me to read it, welcome to the next in a recent article. And thanks for sharing the nice article, keep posting or updating news article.
ReplyDeleteData science training in tambaram
Data Science training in anna nagar
Data Science training in chennai
Data science training in Bangalore
Data Science training in marathahalli
Data Science training in btm
This information really worth saying, i think you are master of the content and thank you so much sharing that valuable information and get new skills after refer that post.
ReplyDeleteBest Training and Real Time Support
Sql&Plsql Training From India
Oracle Soa12C Training From India
It is amazing and wonderful to visit your site.Thanks for sharing this information,this is useful to me...
ReplyDeleteangularjs Training in chennai
angularjs-Training in tambaram
angularjs-Training in sholinganallur
angularjs-Training in velachery
angularjs Training in bangalore
It is amazing and wonderful to visit your site.Thanks for sharing this information,this is useful to me...
ReplyDeleteJava Training Classes
Does your blog have a contact page? I’m having problems locating it but, I’d like to shoot you an email. I’ve got some recommendations for your blog you might be interested in hearing
ReplyDeleteAmazon Web Services Training in Anna Nagar, Chennai |Best AWS Training in Anna Nagar, Chennai
Amazon Web Services Training in OMR , Chennai | Best AWS Training in OMR,Chennai
Amazon Web Services Training in Tambaram, Chennai|Best AWS Training in Tambaram, Chennai
AWS Training in Chennai | AWS Training Institute in Chennai Velachery, Tambaram, OMR
I’m just always astounded concerning the remarkable things served by you. Some four facts on this page are undeniably the most effective I’ve had.
ReplyDeleteData science Course Training in Chennai | No.1 Data Science Training in Chennai
RPA Course Training in Chennai | No.1 RPA Training in Chennai
AWS Course Training in Chennai | No.1 AWS Training in Chennai
Devops Course Training in Chennai | Best Devops Training in Chennai
Selenium Course Training in Chennai | Best Selenium Training in Chennai
It helps you in calculating the precise soon add up to be paid to a member of staff depending until the number of hours he/she has contributed of their work. The amazing feature because of this application is direct QuickBooks Payroll Support Phone Number that can be done at any time one day.
ReplyDeleteThere are many features that produce QuickBooks Support Number standout such as for instance it gives bank security that aids you to go with IT maintenance smoothly. You can also add amount of users that will access company files at multiple locations
ReplyDeleteQuickBooks Payroll Help Phone Number USA helps one to resolve all your valuable technical and functional problems whilst looking after this well known extensive, premium and end-to-end business accounting and payroll management software. Our experts team at QuickBooks payroll support number is going to make you understand its advanced functions and assists someone to lift up your business growth.
ReplyDeletecould have deleted system files, or damaged registry entries. Moreover, our QuickBooks Enterprise Support Phone Number also handle any kind of technical & functional issue faced during installation of drivers for QB Enterprise; troubleshoot any kind of glitch that may arise in this version as well as the multi-user one.
ReplyDeleteAccount management, tax calculation, and deduction are not at all interesting things you can do in the field. It could even function as the most time intensive and confusing. If you own any business and wants to grow its graph, you must have to carry out these tasks. AccountWizy provides the best QuickBooks Payroll customer services to our clients and solves your queries at QuickBooks Payroll Tech Support Phone Number.
ReplyDeleteMight you run a company? Would it be too much to deal with all? You need a hand for support. QuickBooks Payroll Technical Support is a remedy. If you want to accomplish that through QuickBooks, you obtain several advantages. Today, payroll running is currently complex.
ReplyDeleteJust dial QuickBooks Technical Support Number and tell us the QuickBooks product name that you need QuickBooks help by our experts. Our QuickBooks customer support team will guide you for every product of QuickBooks whether QuickBooks Enterprise Support, Accountant, Pro, and Premier.
ReplyDeleteQuickBooks Payroll Support is the greatest platform for small enterprises. QuickBooks Technical Support Number helps you to run all QuickBooks Payroll services boosting your organization quickly.
ReplyDeleteQuickBooks 247 Support Phone Number offers an extensive financial solution, where it keeps your entire business accounting requirements in one single place. From estimates to bank transfers, invoicing to tracking your expenses and staying on top of bookkeeping with regards to tax time, it really is prepared for many from it at one go.
ReplyDeleteQuickBooks Customer Care Telephone Number: Readily Available For every QuickBooks Version.Consist of a beautiful bunch of accounting versions, viz.,QuickBooks Pro, QuickBooks Premier, QuickBooks Enterprise, QuickBooks POS, QuickBooks Mac, QuickBooks Windows, and QuickBooks Payroll, QuickBooks has grown to become a dependable accounting software that one may tailor depending on your industry prerequisite. As well as it, our QuickBooks Support Phone Number will bring in dedicated and diligent back-end helps for you for in case you find any inconveniences in operating any of these versions.
ReplyDeleteQuickBooks accounting software program is integrated with various items like QuickBooks Enterprise(produced by Intuit) and tools like QuickBooks file doctor. Plus it offers a number of incredible features (Business plans, cash flow projections, and advanced inventory ) that make it unique from other Quickbooks product. It is really most suitable for small to medium businesses though it really is incredibly expensive. Without doubt, this has good compatibility with virtually every form of Windows OS, Mac OS, iOS, and Android. Yet you may possibly require an efficient QuickBooks Enterprise Tech Support Number to address payroll management, account management, inventory, along with other accounting activities. AccountWizy provides you a perfect and efficient QuickBooks Enterprise Customer service to really make it all possible.
ReplyDeleteQuickBooks Pro is some type of class accounting software which has benefited its customers with different accounting services. It offers brought ease to you by enabling some extra ordinary features as well as at QuickBooks Tech Support Number it is easy to seek optimal solutions if any error hinders your work. With QuickBooks Pro you can easily easily effortlessly create invoices and keep close track of every little thing like exacltly what the shoppers bought, just how much they paid etc. In addition it enables you to have a crystal-clear insight of the business which will help anyone to monitor your hard earned money, taxes as well as sales report, everything at one place.
ReplyDeleteAdd the word old in the file name to rename the file. (ex. QBprint.qbp.old) After after the above troubleshooting steps, you can actually fix printer problem in QuickBooks Support Phone Number .
ReplyDelete
ReplyDeleteEvery user are certain to get 24/7 support services with this online technical experts using QuickBooks support contact number. When you’re stuck in times which you can’t discover ways to eradicate a concern, all that is necessary would be to dial QuickBooks Tech Support Number. Remain calm; they will inevitably and instantly solve your queries.
If You're interested in a whole solution for Business Bookkeeping, therefore QuickBooks give you a whole and ideal solution. You need to dial the QuickBooks Support Number and receive a productive substitute for your entire bookkeeping requirements.
ReplyDeleteQuickBooks Customer Support Number software has been developed for the sole purpose of enabling the individuals in creating customary as well as financial ties, letting them manage cash flow, update the billings and also the transactions. Since privacy is the governing case of concern, which means this software program is also effective in protecting important computer data from cyber threats plus it has an incredible feature of making file backups, in order to make their access easier.
ReplyDeleteYou might face problem in reconciling your dollars, there might be issues while you attempt to reconcile your charge cards, you'll discover problem in the settings associated with report and so on and so on. An added common issues are: facing problem while upgrading QuickBooks Support Number to your newest version.
ReplyDeleteThe most common errors faced by the QuickBooks users is unknown errors thrown by QuickBooks software at the time of software update. To help you to correct the problem, you need to look at your internet and firewall setting, internet browser setting and system time and date setting you can simply contact us at QuickBooks Customer Service Number for instant assistance in QB issues.
ReplyDeleteQuickBooks encounter an amount of undesirable and annoying errors which keep persisting as time passes if you don't resolved instantly. Considered one of such QuickBooks issue is Printer issue which mainly arises as a result of a number of hardware and software problems in QuickBooks, printer or drivers. You can actually resolve this error by using the below troubleshooting steps you can simply contact our QuickBooks Support Phone Number available at.You should run QuickBooks print and pdf repair tool to ascertain and fix the errors in printer settings before you start the troubleshooting. Proceed because of the below steps to be able to scrutinize the error –
ReplyDeleteQuickBooks Enterprise Technical Support Number assists anyone to overcome all bugs from the enterprise types of the applying form. Enterprise support team members remain available 24×7 your can buy facility of best services.
ReplyDeleteWhile is QuickBooks Support Phone Number best toll-free number, there are 3 total ways to get in touch with them. The next best way to talk to their customer support team, according to other QuickBooks customers, is by telling GetHuman about your issue above and letting us find somebody to help you.
ReplyDeleteCalculating employee checks is now so much easy with them. QuickBooks Payroll Tech Support Number has also made things like paying your employees seamless and filing taxes for them quite easy.
ReplyDeleteNot only in and this course highly demanded in other countries also. cursos de ti online
ReplyDeleteThis error is frequently encountered by many users online for the business support. If you want to fix the error yourself you can contact us Support team. Some of the ways that can help you to resolve the Quickbooks error 9999. If you would like to learn How To Troubleshoot Quickbooks Error 9999, you can continue reading this blog.
ReplyDeletei am looking for and I love to post a comment that "The content of your post is awesome" Great work!
ReplyDeleteAngularJS training in chennai | AngularJS training in anna nagar | AngularJS training in omr | AngularJS training in porur | AngularJS training in tambaram | AngularJS training in velachery
its a good post and keep posting good article.its very interesting to read.Thanks for your information!!
ReplyDeleteandroid training in chennai
android online training in chennai
android training in bangalore
android training in hyderabad
android Training in coimbatore
android training
android online training
Thanks mate. I am really impressed with your writing talents and also with the layout on your weblog. Appreciate, Is this a paid subject matter or did you customize it yourself? Either way keep up the nice quality writing, it is rare to peer a nice weblog like this one nowadays. Thank you, check also event marketing and free online registration for events
ReplyDelete
ReplyDeleteTitle:
Top Big Data Training Institute in Chennai | Infycle Technologies
Description:
Want to learn Big Data along with job opportunities? Infycle is with you to make your dream into reality. Infycle Technologies is the most trustworthy Big Data training institute in Chennai, which gives 100% hands-on practical training with professional tutors in the field. Along with that, the mock interviews will be assigned for the candidates, so that they can meet the job interviews with full confidence. To transform your career to the next level, call 7502633633 to Infycle Technologies and grab a free demo to know more
Best software in Chennai
Title:
ReplyDeleteBest Java Training Institute in Chennai | Infycle Technologies
Description:
Practice Java for making your career towards a sky-high with Infycle Technologies. Infycle Technologies is the best Java training institute in Chennai, providing courses for the Java certification in Chennai in 200% hands-on practical training with professional trainers in the domain. Apart from the training, the placement interviews will be arranged for the students to set their careers without any struggle. Of all that, 100% placement assurance will be given here. To have the best job, call 7502633633 to Infycle Technologies and grab a free demo to know more.
best training institute in chennai
Pull- up your socks and knot your tie. Gonna have a good salary package job after completing Big-data Hadoop training in Chennai at Infycle. Infylce is completely for Software training and placement by friendly trainees, good atmosphere, 200% practical classes, and more.
ReplyDeletePlay Emperor Casino Slots Online
ReplyDeleteEmperor Casino Slots - a leading provider of gaming 제왕카지노 products, including premium slots, deccasino progressive jackpots, progressive jackpots, Rating: 4.2 · 21 votes 샌즈카지노
mmorpg oyunlar
ReplyDeleteinstagram takipçi satın al
tiktok jeton hilesi
Tiktok Jeton Hilesi
antalya saç ekimi
referans kimliği nedir
İnstagram Takipçi Satın Al
Metin2 Pvp Serverler
TAKİPCİ