...CSS Description Types Tommy Tinsley IT/237 May 16, 2012 Adam Moore CSS Description Types INTRODUCTION Cascading Style Sheets or CSS are created to allow developers to separate the design from the content. This allows HTML to do the markup of the content without developers worrying about the layout. CSS are separated into one of three categories; external, internal, and inline CSS, each has advantages and disadvantages. INLINE CSS Inline CSS are applied in the middle of the HTML code and only apply to the line it is inserted into. This type of style sheet also contains the highest priority and will override any other CSS that is in place for that individual line. It is quick and easy to use Inline CSS and developers do not have to create a new document or edit CSS in the head of the document. However, the ease of Inline CSS is also its problem. If using this CSS only every single line will have to be edited. Inline CSS cannot perform complex styles like style the visited, active, or link color of an anchor tag. INTERNAL CSS <html> <head> <title>Internal Style Sheet Example</title> <style> <!-- body { background: #C9F1C5 } h1 { color: #54B24B; font: bold 14px Verdana, Arial, Helvetica } p { font: 12px Verdana, Arial, Helvetica } --> </style> </head> <body> <h1>Page With an Internal Style Sheet</h1> <p>This page contains style definitions at the top of...
Words: 507 - Pages: 3
...CSS stands for "Cascading Style Sheet." Cascading style sheets are used to format the layout of Web pages. They can be used to define text styles, table sizes, and other aspects of Web pages that previously could only be defined in a page's HTML. CSS helps Web developers create a uniform look across several pages of a Web site. Instead of defining the style of each table and each block of text within a page's HTML, commonly used styles need to be defined only once in a CSS document. Once the style is defined in cascading style sheet, it can be used by any page that references the CSS file. Plus, CSS makes it easy to change styles across several pages at once. For example, a Web developer may want to increase the default text size from 10pt to 12pt for fifty pages of a Web site. If the pages all reference the same style sheet, the text size only needs to be changed on the style sheet and all the pages will show the larger text. While CSS is great for creating text styles, it is helpful for formatting other aspects of Web page layout as well. For example, CSS can be used to define the cell padding of table cells, the style, thickness, and color of a table's border, and the padding around images or other objects. CSS gives Web developers more exact control over how Web pages will look than HTML does. This is why most Web pages today incorporate cascading style sheets. There are four 4 ways to use CSS in your Web pages: 1. Inline CSS 2. Embedded CSS 3. Linked...
Words: 329 - Pages: 2
...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. Whatever...
Words: 447 - Pages: 2
...of a CSS rule, which as you can see is made up of two parts: ❑ The selector, which indicates which element or elements the declaration applies to (if it applies to more than one element, you can have a comma-separated list of several elements) ❑ The declaration, which sets out how the elements should be styled The declaration is also split into two parts, separated by a colon: ❑ A property, which is the property of the selected element(s) that you want to affect, in this case the font-family property. ❑ A value, which is a specification for this property; in this case it is the Arial typeface. A style sheet is a grouping of formatting instructions that can control the appearance of many HTML pages at once. If style sheets accomplished this and nothing else, they’d save millions of dollars worth of Webmasters’ time and become an integral part of most Web publishing projects. But they aim to do this and much more as well. The HTML style sheet standard enables you to set a great number of formatting characteristics that were never possible before with any amount of effort. These include exacting typeface controls, letter and line spacing, margins and page borders, and expanded support for non-European languages and characters. They also enable sizes and other measurements to be specified in familiar units such as inches, millimetres, points, and picas. You can also use style sheets to precisely position graphics and text anywhere on a Web page. A Basic Style Sheet ...
Words: 11978 - Pages: 48
...Assignment: Define CSS? -Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how pages are displayed. With CSS, designers and users can create style sheets that define how different elements, such as headers and links, appear. These style sheets can then be applied to any Web page. What are the three types of style in CSS? There are three types of CSS styles: * inline styles Inline styles are styles that are written directly in the tag on the document. Inline styles affect only the tag they are applied to. <a href="" style="text-decoration: none;"> ex. * embedded styles Embedded styles are styles that are embedded in the head of the document. Embedded styles affect only the tags on the page they are embedded in. ex. <style type="text/css"> p { color: #00f; } </style> * external styles External styles are styles that are written in a separate document and then attached to various Web documents. External style sheets can affect any document they are attached to. ex. <link rel="stylesheet" type="text/css" href="styles.css" /> Define JavaScript? -JavaScript is an interpreted programming or script language from Netscape. It is somewhat similar in capability to Microsoft'sVisual Basic, Sun's Tcl, the UNIX-derived Perl, and IBM'sREXX. In general, script languages are easier and faster to code in than the more structured and compiled languages...
Words: 393 - Pages: 2
...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: 150%;} ...
Words: 395 - Pages: 2
...displays in a similar manner in the Mac and PC platforms: _________ 2. CSS selector that applies to one and only one object on a Web page: _________ 3. CSS rules are comprised of ____________ and declarations. 4. CSS property that configures the background color: _________ 5. CSS property that configures the text font typeface: _________ 6. CSS property that configures the text color: _________ 7. CSS selector that configures and applies styles to one or more specified elements: _________ 8. Acronym for Cascading Style Sheets: _________ 9. Type of CSS configured in the header section of a Web page: _________ 10. XHTML element associates a Web page with an external style sheet: _________ 11. XHTML element that configures inline areas on Web pages: _________ 12. CSS styles coded as an attribute of an XHTML tag: _________ 13. XHTML element that contains embedded CSS: _________ 14. XHTML element configures an area or division on a page: _________ 15. XHTML element attribute that configures inline styles: _________ 16. CSS property that configures the alignment of the text: _________ 17. Color specified with red, green, and blue values: _________ 18. Base 16 numbering system: _________ ©ITT Educational Services, Inc. 25 Date: 05/20/2010 Introduction to Web Applications Unit 3 19. CSS property that can configure italics: _________ 20. CSS property that configures the boldness of the text: _________ 21. CSS property that configures the size of the text: _________ Submit your...
Words: 302 - 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...
Words: 441 - Pages: 2
...Part 1 (a) Explain what is meant by standards-compliance in terms of valid XHTML 1.0 ‘strict’ Document type and valid CSS 2.1 Description and implementation of a coding solution to achieve standards-compliant XHTML and CSS for prototype OURC website. (b) Explanation of what is meant by the term usability in terms of the websites. For the amendments you have made to the templates to achieve usability of the prototype OURC website. To ensure usability of the website, I amended the code on both templates to ensure that there is clear and consistent layout with lots of white space between the text and tables making it easier for a user to read. I amended the code in both templates to link the pages together, thereby increasing usability by making the webpages operable, efficient and easy to use. Index template I amended the coding for the (picture) image information to specify an “ALT” attribute tag, which I described as “picture of people running”. ALT tags are intended to be provided, to assist users who may be sight challenged - or using older browsers to obtain an explanation of the image(s) are representative of. I amended the code by adding an opening bracket to the HTML comment about the comments not being rendered by the webpage. This stopped this comment from appearing on the webpage and thus confusing the user. I deleted the random character ‘w’ which was an error in the text about the handicap race distances. I also deleted the html...
Words: 876 - Pages: 4
...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 attributes...
Words: 3465 - Pages: 14
...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 more...
Words: 415 - Pages: 2
...apply css in creating a tableless website layout. The end result of this seatwork will look like this: Setting up your project Let us start from scratch by setting up your project. 1. By now you should have already defined your site for WebDev1. 2. Create a folder under the root folder (web) and call it “tableless”. 3. Create a folder inside the tableless folder and call it “images”. Copy the image files provided into the folder. The image files are: a. Logo.gif b. Mother_baby.jpg 4. Create a folder called "css" under the root folder. The css folder is where you will later save your css file. 5. Make sure you are in the tableless folder; create the blank pages of for your site. They are: c. Index.htm d. Services.htm e. Aboutus.htm f. Contactus.htm Create template and external css 1. Let’s start with creating a new template. You have two options. a. File > New > Blank Page > HTML template > none > create b. File > New >Blank Template > HTML template > create 2. Save the template. Name it template_css. It will get saved as a .dwt file in a new "Templates" folder that will create itself. 3. Edit the title to “Sitename”. 4. In the css panel click the NEW CSS RULE icon. In the window do these: c. Selector type = tag d. Tag = body e. Define in = new style sheet file f. OK g. This will open the Save Style Sheet File...
Words: 1817 - Pages: 8
...------------------------------------------------- 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 will...
Words: 4497 - Pages: 18
...Print all 18 Chapters - CSS Basics 3/07/07 2:13 AM CSS Basics.com Chapter: 1 - Introduction to CSS A CSS (cascading style sheet) file allows you to separate your web sites (X)HTML content from it's style. As always you use your (X)HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects & so on...) are accomplished within a CSS. At this point you have some choices of how to use the CSS, either internally or externally. Internal Stylesheet First we will explore the internal method. This way you are simply placing the CSS code within the tags of each (X)HTML file you want to style with the CSS. The format for this is shown in the example below. CSS Content Goes Here With this method each (X)HTML file contains the CSS code needed to style the page. Meaning that any changes you want to make to one page, will have to be made to all. This method can be good if you need to style only one page, or if you want different pages to have varying styles. External Stylesheet Next we will explore the external method. An external CSS file can be created with any text or HTML editor such as "Notepad" or "Dreamweaver". A CSS file contains no (X)HTML, only CSS. You simply save it with the .css file extension. You can link to the file externally by placing one of the following links in the head section of every (X)HTML file you want to style with the CSS...
Words: 269 - Pages: 2
... 1. Networks 1.1. The Ethernet and PPP in data transfer. 1.2. Media Accessed Control address 1.3. IPv4 address 1.4. Public and private address 1.5. NAT server/service 1.6. IPv6 1.7. Private addresses in IPv6 2. Web Design 2.1. Static and dynamic pages 2.2. CSS (Cascading Style Sheets) 2.3. URL and Link 2.4. HTML links 2.5. Absolute and relative path links 1. Networks 1.1. The Ethernet and PPP in data transfer. There are different methods for the effective transfer of data between different nodes. Ethernet and Point-to-point protocol are two of them. Ether net can be defined as a family of computer networking technology used for local area networks (LAN). The functioning of Ethernet is based on a set of coding system which allows the coding violations to mark the frame boundaries. It also defines the network layer interfaces to the physical interconnects. There are several important features and advantages for the Ethernet; but there are some disadvantages too. One of the disadvantages is - it will not operate on wide variety of media, which includes the async serial ports which are usually used with the dial up modems and synchronous telecom services. Using Ethernet, only on synchronous links, it will be able to use 100BASE-TX 4B/5B or 1000BASE- X 8B/10B encoding for making an Ethernet-like serial implication. And the result of this will be less efficient too. Point-to point protocol is a commonly used data link protocol for establishing direct connection...
Words: 2617 - Pages: 11
