Free Essay

Pros and Cons of Css Styles

In: Computers and Technology

Submitted By Hmmwtfidk
Words 441
Pages 2
Pros and Cons of CSS Styles
IT/237 – Intro to Web Design II

CSS Styles Cascading Style Sheets (CSS) can be used in three different ways. These methods vary in where the code is written into the Web page, as well as properties of inheritance. The three different styles are as follows: inline, embedded, and external.
Inline CSS The inline CSS method is no longer used extensively. Inline means exactly what the name implies. The CSS code is inserted into the tag to which it applies. This method works well for quick prototyping of a Web page, but is impractical in designing a large site. Because the CSS code only applies to the tag into which it was inserted, the designer must manually write any desired CSS code into each tag present. In addition to consuming large amounts of time, this method cannot be shared across pages. As a result, more bandwidth is required to load each page. In addition, inline CSS mixes page content with page presentation which can create issues with how the final product appears to the user. Embedded CSS was developed to alleviate some of these concerns.
Embedded CSS Using the embedded CSS method, all CSS code is written into the head of the document. This method ensures that every tag of a specific type on a page will look the same. This creates uniform pages in which each <h1> heading looks the same, as well as any other tags. That said however, embedded CSS still shares the issue of being shared across pages. As a result, each page must be individually coded. Again, this may work for a Web site of three or four pages, but is impractical for one with 20, 30 or 100 pages. In an effort to further streamline site design, external CSS has been developed.
External CSS External CSS is written in an entirely separate document from the HTML documents that make up the actual Web site. These “style sheets” are then attached to the original HTML documents. With this method, a Web site consisting of 300 pages can insure that each page is laid out in an identical manner. This method also allows one to make sweeping changes across the entire site with only one actual change to code. The external CSS documents are also cacheable, leading to faster page loads and less use of bandwidth. The downside to external CSS is that it makes an extra HTTP request per file, using more resources in routers and firewalls. External CSS has become the method of choice for most designers due to the ease of upkeep and making changes.

Similar Documents

Free Essay

Pros and Cons of Css Styles

...It237 week 2 Pros and cons of Css Styles There are many pros and cons of the cascading style sheets and three different ways that they are used there is in line external and imbedded. The inline method is not really practical because of the consumption of bandwidth that it takes to display each code on each page because on the inline style the code requires web developers to apply this CSS code to each tag be applied this would require developers to have to apply the code so many times that it will take up a lot of time to write. The separation of markup rom CSS presentation is not optimal with an inline style this is the inline style applied to heading The external CSS is another type of style sheet and this was more practical for updating many documents at one time. Another pro about the external CIA says is that your style information can be cashed by the browser so you will not have to write it into individual tags. The cons that I found with the external style sheets is that in some circumstances when import was used it will render the flash with slow environments here’s an example of an external style sheet Body {font-size: medium; Font-family: Serif; Background-color: black; Color: white;} #page {background-color: white; Color: black; Padding: 1em;} H1 {font-size: xx-large; Font-family: San- Serriff; Color: black; Text-align: center; Border-bottom: solid 4px orange;} P {text-indent: 1em; Text-align: justify; 1in-height: ......

Words: 395 - Pages: 2

Free Essay

Webdesign

...CSS description types stands for cascading style sheets. Cascading style sheets is a style sheet language used for describing the presentation of a document written in a markup language. (www.Google.com) Their are three types of CSS styles which are external, embedded, and inline. I think that it depends on how you use external, embedded, and inline to get different types of pros and cons. What i’m saying is my pros and cons may be different from your pros and cons. External is a file that contains only CSS code and is saved with a CSS file extension. (www.Google.com) For example if I wanted my webpage to have a red title head then I have to make sure that it's wrote like bgcolor=#FFFFCC. The pro with this could be when writing the code right you get the right color that you would wanted. Other may say “I like using external because I think that's it is very simple to use.” A con could be someone not putting the code in right and getting the wrong outcome. Some people may say “I don't like using external CSS because it does not work for me.” Now embedded CSS is a linked style sheet with a text file that has the extension.CSS. (www.le.ac.uk/oerresources/bdra/html/page_32.htm)-Defining an Enbedded Style Sheet. I feel with embedded you have to make sure that your pages link and also make sure that the style that you choose is linking with the different pages. If I was to visit a web page and clicked on pictures but it did not link to that page then it would not be right. ......

Words: 447 - Pages: 2

Free Essay

The Source of Psychology

...three types of CSS styles: Inline Styles You use inline styles to apply cascading style sheet properties to individual elements on a page. <p style="border-style: solid"> <input size="20" style="text-align: right"> * PRO – This is an easy way to manage the individual elements on a single page. * CON – If a page is linked to an external style sheet, the embedded or inline styles that you create for that page will extend or override properties specified in the external style sheet. Embedded Styles You typically use embedded style sheet when you want to define styles only for the current page. An embedded style sheet is a type of cascading style sheet that is “embedded” within the <HTML> tags of a page. Styles in an embedded style sheet can be used only on that page. * PRO – This is a way to manage the styles for the entire page. * CON – If a page is linked to an external style sheet, the embedded or inline styles that you create for that page will extend or override properties specified in the external style sheet. * <style> <!-- body { background: blue; color: white; font-family: times, serif; font-size: 10pt } a:link { text-decoration: none: } --> </style> External Styles You typically use an external style sheet when you want to apply the same styles consistently across some or all pages in your Web site. By defining styles in one or......

Words: 415 - Pages: 2

Premium Essay

Week 3 Dq

...client and thin client concepts. What are the pros and cons of each? Provide examples to support your answers. Fat client is when a computer can process and compute a lot of information without relying on other resources. It uses its own resources and has many software and programs. You can easily store information and files. An example of a fat client is a personal computer that has a hard drive. Fat client often require more bandwidth than thin clients. Fat clients tend to have problems with security and privacy. Fat clients don’t need to continuously communicate with a server to process information. A thin client is when a computer relies on other programs and computers to process and compute data. An example of a thin client is a netbook. Thin client is more portable than fat clients and require a server to process large amounts of data. Thin clients are secure and usually cheaper than fat clients. Thin clients are easy to install and does not need a lot of extra software and programs. Create a glossary of 10 basic web design terms based on research and defined in your own words. Items from this list can serve as criteria for the website evaluation paper you will complete in the Learning Team assignment. 1. Browser: A way for user to access the internet or World Wide Web. 2. CSS (Cascading Style Sheet): A way to format the font, layout, color, and style web pages. 3. External CSS: When you create the style of a website in a separate document and......

Words: 366 - Pages: 2

Premium Essay

Course Design Guide It/237

...of Phoenix. All rights reserved. Course Description This course introduces development tools and techniques used to publish Web pages on the World Wide Web. Students use basic Hypertext Markup Language (HTML), scripting, and presentational technologies to create ™ websites without the aid of a software authoring application. Topics include XHTML, CSS, JavaScript , server hosting, site publication, site maintenance, and search engine optimization. Policies Faculty and students will be held responsible for understanding and adhering to all policies contained within the following two documents:   University policies: You must be logged into the student website to view this document. Instructor policies: This document is posted in the Course Materials forum. University policies are subject to change. Be sure to read the policies at the beginning of each class. Policies may be slightly different depending on the modality in which you attend class. If you have recently changed modalities, read the policies governing your current class modality. Course Materials Bojack, H. (2010). New perspectives on blended HTML, XHTML, and CSS: Introductory (2nd ed). Mason, OH: Cengage Learning. Gosselin, D. (2011). JavaScript (5th ed.). Mason, OH: Cengage Learning. Software Dreamweaver CS5 provided through Toolwire ® ® All electronic materials are available on the student website. Week One: Introduction to HTML and XHTML Details Objectives 1.1 Identify basic HTML tags and......

Words: 3465 - Pages: 14

Premium Essay

Syllabus

...------------------------------------------------- Course Syllabus IT237 Intro to Web Design II Course Start Date: 05/09/2011 Course End Date: 07/10/2011                   Please print a copy of this syllabus for handy reference. Whenever there is a question about what assignments are due, please remember this syllabus is considered the ruling document. Copyright Copyright ©2009 by University of Phoenix. All rights reserved. University of Phoenix© is a registered trademark of Apollo Group, Inc. in the United States and/or other countries. Microsoft©, Windows©, and Windows NT© are registered trademarks of Microsoft Corporation in the United States and/or other countries. All other company and product names are trademarks or registered trademarks of their respective companies. Use of these marks is not intended to imply endorsement, sponsorship, or affiliation. Edited in accordance with University of Phoenix© editorial standards and practices. Facilitator Information                                                                                                       Robert McBride robmcbride@email.phoenix.edu (University of Phoenix) mcbriro@gmail.com (Personal) 405-406-4359 (CST) Facilitator Availability I am available from 9 a.m.-9 p.m. Central Time on most days, but I attempt to reserve Sunday for my family. On Saturdays, I tend to be online in the morning only. If these times are not convenient for you, please let me know. I......

Words: 4497 - Pages: 18

Free Essay

None

...IMPRINT Imprint © 2013 Smashing Media GmbH, Freiburg, Germany ISBN: 978-3-94454016-0 Cover Design: Ricardo Gimenes PR & Press: Stephan Poppe eBook Strategy and Editing: Vitaly Friedman Technical Editing: Cosima Mielke Planning and Quality Control: Vitaly Friedman, Iris Lješnjanin Tools: Elja Friedman. Syntax Highlighting: Prism by Lea Verou. Idea & Concept: Smashing Media GmbH Preface Over the past few years, our eBook collection has grown steadily. With more than 50 eBooks already available and counting, we made the decision half a year ago to bundle all of this valuable content into one big lovely package: The Smashing Library1. As a humble gift to you, dear reader, we have now put together this Editor’s Choice eBook. It’s a little Smashing Library treat, featuring some of the most memorable and useful articles that have been published on Smashing Magazine in the last few years — all of them carefully selected and thoroughly edited. Ranging from heavily discussed topics such as responsive Web design, to ideas on UX, to trusty mainstays like nifty Photoshop tricks, to hands-on business advice and design inspiration, this eBook is a potpourri as diverse as your work as a Web designer. We hope you enjoy reading it as much as we do editing and creating each and every eBook page that finds a home in our Smashing Library. — Cosima Mielke, Smashing eBook Producer 1. http://smashed.by/library 2 TABLE OF CONTENTS Designing For The Reading......

Words: 39572 - Pages: 159

Premium Essay

Internet Evolution

...been around since the 1980’s; but it was only used for the top secret Federal technological development. In the 90’s the CSIRO innovated this technology to todays standard. More than 20 different tech companies paid 250 million dollars for the equipment and Australia is still waiting for a payment estimated over 1 billion dollars. There have been many revolutionary browsers which have aided in the revolution in the World Wide Web and the Internet its self. The invention of the telegraph, telephone, radio, and computer set the stage for this unprecedented integration of capabilities. The numbers have changed to over 1.5 billion users. The network's reach has expanded beyond the United States to all over the globe. But everything has its pros and cons, as it has evolved from a friendly research network to a hotbed of criminal activity including fraud and identity theft. Ideas for the World Wide Web date back to as early as 1946 when Murray Leinster wrote a short story which described how computers (that he referred to as ‘Logics’) lived in every home, with each one having access to a central device where they could access information. Although the story has several differences to the way the web works today, it does capture the idea of a huge information network available to...

Words: 1223 - Pages: 5

Premium Essay

Sem 5 Bca

...University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University T.Y. PuneSemester V & VI of Pune of B.C.A. University University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune University of Pune Pattern 2008, w.e.f. 2010-11 Semester – V Course No. 501 502 503 504 505 506 Subject Name VB.NET or VB.NET Programming Internet Programming and Cyber Law Principals of Marketing Core Java Project work ( VB ) Computer Laboratory and Practical Work (.NET + Core Java ) Semester – VI Course No. 601 602 603 604 605 606 Subject Names E-Commerce Multimedia Systems Introduction to Syspro And Operating Systems Advance Java Project Work (Banking & Finance, Cost Analysis, Financial Analysis, Payroll, EDP, ERP etc.) Computer Laboratory and Practical Work (Multimedia + Advanced Java) University of Pune, T.Y. B.C.A., Semester V & VI 2 T.Y. B.C.A. Semester V Subject Name -: VB.NET or VB.NET Programming. Course Code -: 501 Sr. No. 1. TOPICS .NET Framework (Introduction to .NET Framework) 1.1 Introduction......

Words: 3973 - Pages: 16

Premium Essay

Html

...The Missing Link: An Introduction to Web Development and Programming The Missing Link An Introduction to Web Development and Programming Michael Mendez SUNY Fredonia i The Missing Link An Introduction to Web Development and Programming by Michael Mendez Open SUNY Textbooks 2014 ©2014 Michael Mendez ISBN: 978-0-9897226-5-0 This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. Published by Open SUNY Textbooks, Milne Library (IITG PI) State University of New York at Geneseo, Geneseo, NY 14454 Cover design by William Jones Licensing This text is published by the Open SUNY Textbooks project under the Creative Commons 3.0 license format (see full length legal text at http://creativecommons.org/licenses/ by-sa/3.0/): You are free: 1. To share — to copy, distribute and transmit the work 2. To remix — to adapt the work 3. To make commercial use of the work Under the following conditions: 1. Attribution: You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work). 2. Share Alike: If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to this one. With the understanding that: 1. Waiver: Any of the above conditions can be waived if you get permission from the copyright holder. 2. Public......

Words: 78185 - Pages: 313

Free Essay

Ajax for Begginers

...ASP.NET 17.03.2014 Pag.1/33 ASP.NET MasterPage Pagini de continut o interactiune cu clasa MasterPage o setare pagini master in mod dinamic o pagini master inlantuite SiteMap TreeView Menu ASP.NET AJAX Bibliografie: Matthew MacDonald, Mario Szpuszta: Pro ASP.NET 3.5 in C# 2008 – Second Edition Ioan Asiminoaei ASP.NET 17.03.2014 Pag.2/33 Master page ASP.NET defineste doua tipuri specializate de pagini: master page pagini de continut O pagina master este un template de pagina si poate contine orice combinatie de HTML, controale web si chiar cod. Master page pot include regiuni predefinite ce pot fi modificate ulterior : locul unde va fi plasat un continut. Fiecare pagina de continut (content page) referentiaza o singura pagina master si poate adauga continut in regiunile predefinte de aceasta. Exemplu Pagina master poate folosi controlul ContentPlaceHolder ce identifica regiunea din cadrul paginii unde poate fi adaugat continut. Un control ContentPlaceHolder poate fi definit in sectiunea si altul in sectiunea ce permite paginii obisnuite ce foloseste acest master page sa insereze continutul propriu. Untitled Page My Site Copyright © 2008. Pentru a folosi master page trebuie sa construim o pagina de continut ce are ca template aceasta pagina. Directiva Page contine atributul MasterPageFile. Vezi exemplul de mai jos. Ioan Asiminoaei ASP.NET 17.03.2014 Pag.3/33 Pagina definita mai sus nu poate......

Words: 5114 - Pages: 21

Premium Essay

Asp.Net and Ajax

...Microsoft ® ASP.NET and AJAX: Architecting Web Applications www.zshareall.com Dino Esposito PUBLISHED BY Microsoft Press A Division of Microsoft Corporation One Microsoft Way Redmond, Washington 98052-6399 Copyright © 2009 by Dino Esposito All rights reserved. No part of the contents of this book may be reproduced or transmitted in any form or by any means without the written permission of the publisher. Library of Congress Control Number: 2008940527 Printed and bound in the United States of America. 1 2 3 4 5 6 7 8 9 QWT 4 3 2 1 0 9 Distributed in Canada by H.B. Fenn and Company Ltd. A CIP catalogue record for this book is available from the British Library. Microsoft Press books are available through booksellers and distributors worldwide. For further infor mation about international editions, contact your local Microsoft Corporation office or contact Microsoft Press International directly at fax (425) 936-7329. Visit our Web site at www.microsoft.com/mspress. Send comments to msinput@microsoft.com. Microsoft, Microsoft Press, ActiveX, Expression, IntelliSense, Internet Explorer, MS, MSDN, Natural, Silverlight, SQL Server, Visual Basic, Visual C#, Visual InterDev, Visual Studio, Windows, Windows Media, Windows Server and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. Other product and company names mentioned herein may be the trademarks of their respective owners. The example......

Words: 91822 - Pages: 368

Free Essay

Lokjmhnbvc

...MEAP Edition Manning Early Access Program Node.js in Action version 16 Copyright 2013 Manning Publications For more information on this and other Manning titles go to www.manning.com ©Manning Publications Co. Please post comments or corrections to the Author Online forum: http://www.manning-sandbox.com/forum.jspa?forumID=790 Licensed to Roger Chen brief contents PART 1: NODE FUNDAMENTALS Chapter 1: Welcome to Node.js Chapter 2: Building a multi-room chat application Chapter 3: Node programming fundamentals PART 2: WEB APPLICATION DEVELOPMENT WITH NODE Chapter 4: Buiding Node web applications Chapter 5: Storing Node application data Chapter 6: Testing Node applications Chapter 7: Connect Chapter 8: Connect’s built-in middleware Chapter 9: Express Chapter 10: Web application templating Chapter 11: Deploying Node web applications PART 3: GOING FURTHER WITH NODE Chapter 12: Beyond web servers Chapter 13: The Node ecosystem APPENDIXES Appendix A: Installing Node and community add-ons Appendix B: Debugging Node ©Manning Publications Co. Please post comments or corrections to the Author Online forum: http://www.manning-sandbox.com/forum.jspa?forumID=790 Licensed to Roger Chen 1 Welcome to Node.js 1 This chapter covers: What Node.js is JavaScript on the server Asyncronous and evented nature of Node Types of applications Node is designed for Sample Node programs So what is Node.js? It’s likely you have heard the term. Maybe you use......

Words: 105776 - Pages: 424

Free Essay

Fefffffffffffffffffff

...Android User Interface Development Beginner's Guide Quickly design and develop compelling user interfaces for your Android applications Jason Morris Android User Interface Development Beginner's Guide Copyright © 2011 Packt Publishing All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews. Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book. Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information. First published: February 2011 Production Reference: 1160211 Published by Packt Publishing Ltd. 32 Lincoln Road Olton Birmingham, B27 6PA, UK. ISBN 978-1-849514-48-4 www.packtpub.com Cover Image by Charwak A (charwak86@gmail.com) Credits Author Jason Morris Reviewers David J. Groom Martin Skans Acquisition Editor Chaitanya Apte......

Words: 53954 - Pages: 216

Free Essay

Test

...AngularJS Starter Kit Copyright © 2013 Hakin9 Media Sp. z o.o. SK Table of Contents Angular: The DOM API You Have Been Waiting For Brad Davis 08 11 16 26 34 43 Angular.js, a javascript library and framework created in Google, is a fresh view into building great web applications. You can read a lot of articles on how it separates the concerns of the application, improves testability, and keeps to web app best practices, but I want to highlight a feature that is not shown off as regularly, extending the document object model API. Introduction to AngularJS Dylan Stamat You will learn about some of the core concepts that make AngularJS shine, including binding data to you views, built-in filtering, and some of the interesting architectural decisions behind this MVC framework. We will build a very simple application with local data that show some of these concepts. Diving into Angular Josh Kuhn In this tutorial we’re going to create a barebones Twitter-like application called Pipr. Pipr allows you to create “pips” which are short 100 character or less “pips” that show up on the page in reverse chronological order. You can add tags to your pips, and you can post them with any name you like. In addition, you can delete your pips. AngularJS 101: A Beginner’s Tutorial Karmen Blake This tutorial on AngularJS will guide you through the fundamentals of the framework. You will explore the exciting benefits of using a client-side JavaScript framework to......

Words: 22760 - Pages: 92