This document provides an introduction to Cascading Style Sheets (CSS). It explains that CSS is used to separate a document's content from its presentation or style. CSS defines elements like fonts, colors, spacing and layout. Styles can be applied inline, embedded in <style> tags, or linked via an external CSS file. The document outlines CSS syntax, selectors, and precedence of different styling methods. CSS provides control over text formatting, colors, spacing, and positioning of HTML elements.
Esoft Metro Campus - Diploma in Web Engineering - (Module III) Coding HTML for Basic Web Designing
(Template - Virtusa Corporate)
Contents:
Introduction to HTML
HTML Versions
HTML Standards
Creating a Simple HTML Document
Document Type Declaration
Comments in HTML
HTML Attributes
Paragraphs
Line Break
Headings
Text Formatting
Font Formatting
Images
Hyperlinks
Page Body
Lists
Tables
Cell Merging in a Table
Table Attributes
Horizontal Rule
Iframes
HTML Blocks
Division
Span
Audio
Video
Youtube Videos
Forms and Input
Introduction to CSS
Advantages of Using CSS
CSS Syntax
CSS Comments
How to Insert CSS?
CSS Tag, ID and Class Selectors
Grouping and Nesting Selectors
CSS Backgrounds
CSS Text
CSS Fonts
CSS Links
CSS Lists
CSS Tables
CSS Box Model
CSS Dimension
CSS Display - Block and Inline
CSS Positioning
CSS Float
CSS Alignment
Navigation Menu in CSS
Origins and evolution of HTML and XHTML by Tanvir Zafar.
HTML is the Basic web design language.
Learn more about HTML at http://howpk.com/introduction-to-html/
A presentation by Peter Tucker, associate professor of math and computer science at
Whitworth University as presented in February 2009 to the Online Journalism Lab.
Esoft Metro Campus - Diploma in Web Engineering - (Module III) Coding HTML for Basic Web Designing
(Template - Virtusa Corporate)
Contents:
Introduction to HTML
HTML Versions
HTML Standards
Creating a Simple HTML Document
Document Type Declaration
Comments in HTML
HTML Attributes
Paragraphs
Line Break
Headings
Text Formatting
Font Formatting
Images
Hyperlinks
Page Body
Lists
Tables
Cell Merging in a Table
Table Attributes
Horizontal Rule
Iframes
HTML Blocks
Division
Span
Audio
Video
Youtube Videos
Forms and Input
Introduction to CSS
Advantages of Using CSS
CSS Syntax
CSS Comments
How to Insert CSS?
CSS Tag, ID and Class Selectors
Grouping and Nesting Selectors
CSS Backgrounds
CSS Text
CSS Fonts
CSS Links
CSS Lists
CSS Tables
CSS Box Model
CSS Dimension
CSS Display - Block and Inline
CSS Positioning
CSS Float
CSS Alignment
Navigation Menu in CSS
Origins and evolution of HTML and XHTML by Tanvir Zafar.
HTML is the Basic web design language.
Learn more about HTML at http://howpk.com/introduction-to-html/
A presentation by Peter Tucker, associate professor of math and computer science at
Whitworth University as presented in February 2009 to the Online Journalism Lab.
Advanced CSS
by: Alexandra Vlachakis
Sandy Creek High School, Fayette County Schools
Slide Show correlates Georgia Deparment of Edcuation Career and Technology PATHWAY: Interactive Media
COURSE: Advanced Web Design
UNIT 6: BCS-AWD-6 Advanced CSS
Web Technology under CSS - Introduction, Advantages, Adding CSS, Browser Compatibility, CSS and Page Layout finally Selectors all are referred with Uttam K. Roy
A review of the growth of the Israel Genealogy Research Association Database Collection for the last 12 months. Our collection is now passed the 3 million mark and still growing. See which archives have contributed the most. See the different types of records we have, and which years have had records added. You can also see what we have for the future.
Macroeconomics- Movie Location
This will be used as part of your Personal Professional Portfolio once graded.
Objective:
Prepare a presentation or a paper using research, basic comparative analysis, data organization and application of economic information. You will make an informed assessment of an economic climate outside of the United States to accomplish an entertainment industry objective.
This slide is special for master students (MIBS & MIFB) in UUM. Also useful for readers who are interested in the topic of contemporary Islamic banking.
it describes the bony anatomy including the femoral head , acetabulum, labrum . also discusses the capsule , ligaments . muscle that act on the hip joint and the range of motion are outlined. factors affecting hip joint stability and weight transmission through the joint are summarized.
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
This presentation includes basic of PCOS their pathology and treatment and also Ayurveda correlation of PCOS and Ayurvedic line of treatment mentioned in classics.
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...Levi Shapiro
Letter from the Congress of the United States regarding Anti-Semitism sent June 3rd to MIT President Sally Kornbluth, MIT Corp Chair, Mark Gorenberg
Dear Dr. Kornbluth and Mr. Gorenberg,
The US House of Representatives is deeply concerned by ongoing and pervasive acts of antisemitic
harassment and intimidation at the Massachusetts Institute of Technology (MIT). Failing to act decisively to ensure a safe learning environment for all students would be a grave dereliction of your responsibilities as President of MIT and Chair of the MIT Corporation.
This Congress will not stand idly by and allow an environment hostile to Jewish students to persist. The House believes that your institution is in violation of Title VI of the Civil Rights Act, and the inability or
unwillingness to rectify this violation through action requires accountability.
Postsecondary education is a unique opportunity for students to learn and have their ideas and beliefs challenged. However, universities receiving hundreds of millions of federal funds annually have denied
students that opportunity and have been hijacked to become venues for the promotion of terrorism, antisemitic harassment and intimidation, unlawful encampments, and in some cases, assaults and riots.
The House of Representatives will not countenance the use of federal funds to indoctrinate students into hateful, antisemitic, anti-American supporters of terrorism. Investigations into campus antisemitism by the Committee on Education and the Workforce and the Committee on Ways and Means have been expanded into a Congress-wide probe across all relevant jurisdictions to address this national crisis. The undersigned Committees will conduct oversight into the use of federal funds at MIT and its learning environment under authorities granted to each Committee.
• The Committee on Education and the Workforce has been investigating your institution since December 7, 2023. The Committee has broad jurisdiction over postsecondary education, including its compliance with Title VI of the Civil Rights Act, campus safety concerns over disruptions to the learning environment, and the awarding of federal student aid under the Higher Education Act.
• The Committee on Oversight and Accountability is investigating the sources of funding and other support flowing to groups espousing pro-Hamas propaganda and engaged in antisemitic harassment and intimidation of students. The Committee on Oversight and Accountability is the principal oversight committee of the US House of Representatives and has broad authority to investigate “any matter” at “any time” under House Rule X.
• The Committee on Ways and Means has been investigating several universities since November 15, 2023, when the Committee held a hearing entitled From Ivory Towers to Dark Corners: Investigating the Nexus Between Antisemitism, Tax-Exempt Universities, and Terror Financing. The Committee followed the hearing with letters to those institutions on January 10, 202
2. Table of Contents What is CSS? Styling with Cascading Stylesheets (CSS) Selectors and style definitions Linking HTML and CSS Fonts, Backgrounds, Borders The Box Model in W3C and IE Alignment, Z-Index, Margin, Padding Positioning and Floating Elements Visibility, Display, Overflow 2
8. arcu vel elit ultricies porta. ProinTortor purus, luctus non, aliquam nec, interdum vel, mi. Sed nec quam nec odio lacinia molestie. Praesent augue tortor, convallis eget, euismod nonummy, lacinia ut, risus.
10. CSS Introduction Cascading Style Sheets (CSS) Markup language, used to describe the presentation of document Defines sizes, fonts, colors, layout, etc. Improves content accessibility Improves flexibility Designed to separate presentation from content Because of CSS all HTML presentation tags are deprecated, e.g. <font>, <center>, <b> etc. 6
11. CSS Introduction (2) CSS can be applied to any XML document Not just to HTML / XHTML CSS can specify different styles for different rendering methods On-screen In print Etc. … even by voice or Braille-based reader 7
12. Why “Cascading”? Priority scheme determining which style rules apply to element Cascade priorities or weights are calculated and assigned to the rules Child elements in the HTML DOM tree inherit the styles from their parent Can override them Control via !important rule 8
14. Style Sheets Syntax CSS has simple syntax, based on English words Contains a set of cascading rules Each rule consists of one or more selectors and declaration block Declaration block consists of one or more semicolon-terminated declarations in curly braces Declaration consists of property, a colon and value 10 h1,h2,h3,h4,h5,h6 { color: green }
15. Style Sheets Syntax (2) Selectors determine which element the rule applies to: All elements of specific type Those that mach specific attribute Elements may be matched depending on how they are nested in the document (HTML) Examples: 11 h1 .title { color: green } #menu li { padding-top: 8px }
16. Style Sheets Syntax (3) Pseudo-classes define further behavior Appended to a selector :hover, :first-letter, :visited, :active, :before, :after Not all browsers support them fully 12 a:link {text-decoration: none}a:visited {text-decoration: none}a:active {text-decoration: none}a:hover {text-decoration: underline; color: red} .title:before { content: "»" } .title:after { content: "«" }
17. Style Sheets Syntax (4) Three primary types of selectors: By tag: By element id: By element class name (only for HTML): Selectors can be combined with commas: This will match <h1> tags, elements with class link and element with id top-link 13 h1 {font-face: Verdana} #element_id {color:#FF0000} .class_name {border: 1px solid red} h1, .link, #top-link {font-weight: bold}
18. Style Sheets Syntax (5) Match relative to element placement: This will match all <a> tags that are inside of <p> * – universal selector: This will match all child nodes of <p> tag + selector – used to match “the following” tag: This will match all elements with class name link that appear immediately after <img> tag 14 p a {text-decoration: underline} p * {color: black} img + .link {float:right}
19. Style Sheets Syntax (5) > selector – matches direct child nodes of element: This will match all elements with class error, direct children of <p> tag [] – match tag attributes by regular expression: This will match all <img> tags with alt attribute containing the word logo There are more rules to select attributes Not well supported in all browsers 15 p > .error {font-size: 8px} img[alt~=logo] {border: none}
20. Default Browser Styles Browsers have default CSS styles Used when there is no CSS information or any other style information in the document Silently inherited in all documents Caution: default styles differ in browsers E.g. Firefox default page background is white, while IE7 uses about 5% gray background 16
21. Linking HTML and CSS HTML (content) and CSS (presentation) can be linked in three ways: Inline: the CSS rules in the style attribute No selectors are needed Embedded: in the HTML in <style> tag External: CSS rules are in separate file Usually a file with .css extension Linked via <linkrel="stylesheet"href=…>tag or @import directive in embedded CSS block 17
22. Linking HTML and CSS (2) Inline styles have highest priority Then are the embedded styles External styles are last Using external files is highly recommended Simplify the HTML document Benefit from browser's cache Inline styles are about to be deprecated by the W3C 18
23. Inline Styles Inline CSS styles Individual element’s style defined using styleattribute Contains only declaration, no selectors: Override any other styles Apply to all descendant elements Used for styles that are not needed anywhere else in the Web site 19 <p style="font-size:20pt; color: #0000FF">
24. Inline Styles: Example 20 inline-styles.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Inline Styles</title> </head> <body> <p>Here is some text</p> <!--Separate multiple styles with a semicolon--> <p style="font-size: 20pt">Here is some more text</p> <p style="font-size: 20pt;color: #0000FF" >Even more text</p> </body> </html>
25. Inline Styles: Example 21 inline-styles.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Inline Styles</title> </head> <body> <p>Here is some text</p> <!--Separate multiple styles with a semicolon--> <p style="font-size: 20pt">Here is some more text</p> <p style="font-size: 20pt;color: #0000FF" >Even more text</p> </body> </html>
28. Embedded Styles Embedded in the HTML in the <style> tag: The <style> tag is placed in the <head> section of the document Styles apply to the whole document type attribute specifies the MIME type MIME is a describes the format of the content Other MIME types include text/html, image/gif, text/javascript … Used for document-specific styles 24 <style type="text/css">
29. Embedded Styles: Example 25 embedded-stylesheets.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Style Sheets</title> <style type="text/css"> em {background-color:#8000FF; color:white} h1 {font-family:Arial, sans-serif} p {font-size:18pt} .blue {color:blue} </style> <head>
30. Embedded Styles: Example (2) 26 … <body> <h1 class="blue">A Heading</h1> <p>Here is some text. Here is some text. Here is some text. Here is some text. Here is some text.</p> <h1>Another Heading</h1> <p class="blue">Here is some more text. Here is some more text.</p> <p class="blue">Here is some <em>more</em> text. Here is some more text.</p> </body> </html>
31. … <body> <h1 class="blue">A Heading</h1> <p>Here is some text. Here is some text. Here is some text. Here is some text. Here is some text.</p> <h1>Another Heading</h1> <p class="blue">Here is some more text. Here is some more text.</p> <p class="blue">Here is some <em>more</em> text. Here is some more text.</p> </body> </html> Embedded Styles: Example (3) 27
32. External CSS Styles External linking Separate pages can all use shared style sheet Only modify a single file to change the styles across your entire Web site link tag (with rel attribute) Specifies a relationship between current document and another document link element can stay only in the HTML header 28 <link rel="stylesheet" type="text/css" href="styles.css">
33. External CSS Styles (2) @import Another way to link external CSS files Example: Not all browsers recognize such rules You can specify this way browser-specific styles (IE6 ignores the @import) 29 <style type="text/css"> @import url(styles.css); </style>
34. External Styles: Example 30 styles.css /* CSS Document */ a { text-decoration: none } a:hover { text-decoration: underline; color: red; background-color: #CCFFCC } li em { color: red; font-weight: bold } ul { margin-left: 2cm } ul ul { text-decoration: underline; margin-left: .5cm }
35. External Styles: Example (2) 31 external-styles.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Importing style sheets</title> <link type="text/css" rel="stylesheet" href="styles.css" /> </head> <body> <h1>Shopping list for <em>Monday</em>:</h1> <li>Milk</li> …
38. Values in the CSS Rules Colors are specified in RGB format, in hex form: Example: #A0A6AA Predefined color aliases exist: black, blue, etc. Numeric values are specified in: Pixels, e.g. 12px Points, e.g. 10pt Inches, centimeters, millimeters E.g. 1in, 1cm, 1mm Percentages, e.g. 50% Percentage is relative to the parent element 34
39. CSS Rules for Fonts color – specifies the color of the text font-size – size of font: xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger or numeric value font-family – comma separated font names Example: Verdana, Sans-Serif, etc. The browser loads the first one that is available There should always be at least one serif font font-weight –normal, bold, bolder, lighter or number in range [100…900] 35
40. CSS Rules for Fonts (2) font-style – styles the font Values: normal, italic, oblique text-decoration – decorates the text Values: none, underline, line-trough, overline, blink text-align – defines the alignment of text or other content Values: left, right, center, justify 36
41. Short Font Rules font Shorthand rule for setting multiple font properties at the same time is equal to writing this: 37 font: italic normal bold 12px Verdana; font-style: italic; font-variant: normal; font-weight: bold; font-size:12px; font-family: Verdana;
43. Background CSS Rules background-color Solid color background background-image URL of image to be used as background, e.g.: background-repeat repeat-x, repeat-y, repeat, no-repeat background-attachment fixed / scroll 39 background-image:url("back.gif");
44. Background CSS Rules (2) background-position: specifies vertical and horizontal position of the background image Vertical position: top, center, bottom Horizontal position: left, center, right Both can be specified in percentage or other numerical values Examples: 40 background-position: top left; background-position: -5px 50%;
45. Background Short Rule background: shorthand rule for setting background properties at the same time: is equal to writing: Some browsers will not apply BOTH color and image for background if using shorthand rule 41 background: #FFF0C0 url("back.gif") no-repeat fixed top; background-color: #FFF0C0; background-image: url("back.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: top;
46. Background-image or <img>? Background images allow you to save many image tags from the HTML Leads to less code More content-oriented approach All images that are not part of the page content should be moved to the CSS 42
48. Border CSS Rules border-width: thin, medium, thick or numerical value (e.g. 10px) border-color: color alias or RGB value border-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset Each property can be defined separately for left, top, bottom and right border-top-style, border-left-color, … 44
49. Border Short Rules border: shorthand rule for setting border properties at once: is equal to writing: Specify different borders for the sides via shorthand rules: border-top, border-left, border-right, border-bottom 45 border: 1px solid red; border-width:1px; border-color:red; border-style:solid;
51. Width, Height CSS Rules width – defines numerical value for the width of element, e.g. 200px height – defines numerical value for the height of element, e.g. 100px Important: not all elements and browsers follow this value! Usually the height of an element is defined by its content Common mistake is to apply height to tables or table cells 47
53. Margin and Padding margin and padding define the spacing around the element Numerical value, e.g. 10px or -5px Can be defined for each of the four sides separately margin-top, padding-left, … margin is the spacing outside of the border padding is the spacing between the border and the content 49
54. Margin and Padding: Short Rules margin: 5px; Sets all four sides to have margin of 5 px; margin: 10px 20px; Sets margins: top and bottom to 10px, left and right to 20px; margin: 1px 3px 5px 7px; Sets top, right, bottom, left margins to 1px, 3px, 5px and 7px respectively Same shorthand rules apply for padding 50
56. Gecko and W3C vs. IE Major difference between browsers when applying border, padding and width/height To avoid you need either “CSS hacks” or just don’t specify for the same element width/height and padding or border, different than 0 52
58. CSS Rules for Positioning position: defines the positioning of the element, depending on the parent elements The value is one of: static (default) relative – relative position according to where the element would appear with static position absolute – position according the parent element fixed – fix element on screen, ignore page scrolling 54
59. CSS Rules for Positioning (2) Fixed and absolute positioned elements “float” over the rest of elements Moved to separate document layer Their position and size is ignored when calculating the size of parent element or position of surrounding elements Ordered by their z-index 55
61. CSS Rules for Positioning top, left, bottom, right: specifies offset of absolute/fixed/relative positioned element as numerical values vertical-align: sets the vertical-alignment of an element Usually used for table cells Values: baseline, sub, super, top, text-top, middle, bottom, text-bottom or numeric z-index: specifies the depth-order of element 57
63. Float CSS Rule float: the element “floats” above the elements similar to position:absolute and the align HTML property of <img> tag element is taken into account when rendering the surrounding text and elements left: places the element on the left right: places the element on the right 59
64. Clear CSS Rule clear Sets the sides of the element where other floating elements are NOT allowed Possible values: left, right, both This rule can be applied only to “floating” elements 60
66. Opacity CSS Rule opacity: specifies the opacity of the element Floating point number from 0 to 1 Supported only by Safari browser For Mozilla use –moz-opacity CSS rule For IE use filter:alpha(opacity=value) where value is from 0 to 100 Need to apply all three rules 62
68. Visibility CSS Rule visibility Determines whether the element is visible hidden: element is not rendered, but still takes place in the rendering (acts like opacity:0) visible: element is rendered normally 64
70. Display CSS Rule display: controls the display of the element and the way it is rendered and if breaks should be placed before and after the element inline: no breaks are placed before and after (<span> is inline element) block: breaks are placed before AND after the element (<div> is block element) 66
71. Display CSS Rule (2) none: element is hidden and its dimensions are not used to calculate the surrounding elements rendering (differs from visibility:hidden!) There are some more possible values, but not all browsers support them Specific displays like table-cell and table-row 67
73. Overflow CSS Rule overflow: defines the behavior of element when content needs more space than you have specified by the size properties or for other reasons. Values: visible (default) – element size is increased to make space for content or the content “overflows” out of the element scroll – show horizontal/vertical scroll bar in the element hidden – any content in the element that cannot be placed inside is hidden 69
75. Other CSS Rules cursor: specifies the look of the mouse cursor when placed over the element Values: crosshair, help, pointer, progress, move, hair, col-resize, row-resize, text, wait, copy, drop, and others white-space – controls the line breaking of text. Value is one of: nowrap – keeps the text on one line normal (default) – browser decides whether to brake the lines if needed 71
76. Benefits of using CSS More powerful formatting than using presentation tags Your pages load faster, because browsers cache the .css files Increased accessibility, because rules can be defined according given media Pages are easier to maintain and update 72
77. Maintenance Example 73 Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. one CSS file Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css. Title Some random text here. You can’t read it anyway! Harharhar! Use Css.
78. What to Avoid Don’t use <font> or other presentation tags to change the look of your text <font color=...> <b>text that is bold <center> this text is centered Do not use complex CSS rules-sets because may slow down page rendering Move as much as possible to external files Avoid inline CSS 74