This document discusses CSS box model properties including margin, padding, border, and outline. It provides examples of how to use these properties to control spacing and borders for elements. Key points covered include using shorthand properties to set multiple sides at once for margin, padding, and border, as well as new CSS3 properties like border-radius and box-shadow. Students are assigned to create four web pages demonstrating examples of using these box model properties.
This document provides an introduction to good and bad web design. It discusses key elements of good design such as simplicity, consistency, uniqueness, usefulness, easy navigation, responsiveness and lack of errors. Good design is exemplified by websites like Nike.com that are easy to use and achieve their objectives well. Bad design is seen on websites like Havenworks.com that do not clearly convey their purpose. The document concludes with an assignment to evaluate examples of good and bad web design based on the principles discussed.
- Decimal, binary, octal, and hexadecimal are different number systems used to represent numeric values.
- Decimal uses 10 digits (0-9), binary uses two digits (0-1), octal uses 8 digits (0-7), and hexadecimal uses 16 digits (0-9 and A-F).
- Each system has a base or radix - the number of unique digits used. Decimal is base 10, binary base 2, octal base 8, and hexadecimal base 16.
- Numbers can be converted between these systems using division and multiplication operations that take into account the place value of each digit based on the system's base.
This document provides an introduction and overview of key features in Microsoft Word 2007:
1) It describes how to launch Word and explains the main components of the Word window, including the title bar, ribbon, ruler, text area, and scroll bars.
2) It discusses how to perform common formatting tasks like adding bullets and numbers to lists, bolding and italicizing text, and using the undo and redo buttons.
3) It covers how to change page settings such as orientation, size, and margins. It also explains how to add page numbers in different locations.
4) The document provides instructions for inserting page breaks and changing the document view to print layout. It concludes by mentioning how to preview
Quora is a free question-and-answer website where people can ask and answer questions on various topics. There are two main types of Quora marketing: organic marketing and paid marketing. Organic marketing involves activities like answering questions, building a strong profile, and engaging with other users. Paid marketing on Quora allows advertisers to create campaigns with objectives like conversions, app installs, or awareness. Advertisers set a budget and target specific audiences using criteria like location, interests, and demographics.
What is an Array?
Array are the homogeneous(similar) collection of data types.
Array Size remains same once created.
Simple Declaration format for creating an array
type [ ] identifier = new type [integral value];
DDR3 is an evolution of DDR2 RAM that provides faster speeds, lower power consumption, and other improvements. Key features of DDR3 include higher clock frequencies up to 1600MHz, lower voltage of 1.5V, 8-bit prefetch, on-die termination for better signal quality, and fly-by topology. DDR3 also has read/write leveling to calibrate timing, lower signaling standards for reduced power/noise, and improved routing guidelines.
This document discusses different image file types used on websites such as GIF, JPEG, and PNG. It provides details on each file type and their uses. It also covers how to add images to webpages using HTML and CSS, including styling images with properties like opacity. Finally, it discusses principles of graphic design and color theory, and provides examples of websites with good color schemes.
This document discusses responsive web design and provides steps to create responsive websites. It begins by defining responsive web design and listing the initial steps: adding a viewport, applying basic styling, and setting the first breakpoint. It then covers techniques like constraining width, adjusting padding and text size, adapting elements, and using media queries. The document provides examples and references for creating responsive layouts and adjusting designs based on screen size.
jQuery Mobile is a framework for building mobile web sites and apps using standard web technologies like HTML, CSS and JavaScript. It allows developers to build sites that automatically adjust to mobile devices with features like touch optimization and responsive design. The summary provides instructions on including jQuery Mobile files, basic page structure using data attributes, and examples of buttons and navigation bars.
This document discusses CSS style sheets and selectors. It begins with an introduction to CSS and its uses. It then covers CSS syntax, the different ways to insert CSS (inline, internal, external), and different types of selectors (element, id, class). Examples are provided for each topic. The document concludes with an assignment to create a webpage about movies using various CSS selectors and techniques learned in the document.
This document discusses CSS (Cascading Style Sheets) syntax and selectors. It explains the different ways to apply styles to HTML elements using inline styles, internal style sheets, and external style sheets. It also describes the three main CSS selectors - element, id, and class selectors. The element selector styles elements based on the tag name. The id selector selects individual elements using the id attribute. The class selector selects elements that share the same class attribute. Students are assigned to create a webpage presenting their two favorite movies using these CSS selectors.
A sitemap is a hierarchical list or diagram that represents the structure of HTML pages on a website. It is used to plan the logical presentation of content for users, visualize user paths, and organize content to help achieve business goals. There are two common types of sitemap diagrams: a horizontal tree diagram and a vertical tree diagram. Examples of sitemaps show hierarchical relationships between pages through visual diagrams.
This document discusses various page layout techniques using CSS, including floats, positioning, and responsive design. It begins by outlining a typical website layout with common elements like headers, navigation bars, page content, and footers. It then covers using CSS properties like float and clear to create basic page layouts with columns. The document also discusses centering pages, different positioning techniques, and creating fluid and responsive designs that adapt to different screen sizes using media queries. Specific techniques covered include removing default styling from lists to create navigation bars, and styling list items as navigation buttons.
This document provides an overview and examples of CSS Grids and Flexbox layout techniques. It discusses how Flexbox allows items to be laid out in a single direction row or column, and how CSS Grids enable two-dimensional page layouts using rows and columns. Examples are given for creating navigation menus, image galleries, and multi-column page designs using these new CSS properties. Media queries are also used to redefine grid layouts at different screen sizes.
This document provides an overview of various CSS topics including comments, colors, text formatting, positioning, and cross-browser compatibility. It explains concepts like using hexadecimal color codes, text properties like alignment and decoration, positioning elements with static, relative, absolute and fixed positioning, and strategies for aligning elements and dealing with browser inconsistencies.
The document covers various topics related to CSS including CSS introduction, syntax, selectors, inclusion methods, setting backgrounds, fonts, manipulating text, and working with images. Key points include how CSS handles web page styling, the advantages of CSS, CSS versions, associating styles using embedded, inline, external and imported CSS, and properties for backgrounds, fonts, text formatting, and images.
Bootstrap is an open-source front-end framework that helps developers design responsive mobile-first websites easily. It provides pre-built UI components like buttons, navigation bars, and grids for building layouts. The document discusses Bootstrap's introduction, file structure, grid system, responsive design features, and common layout components like dropdown menus and button groups.
This document discusses responsive design with Bootstrap. It introduces Bootstrap as an open-source front-end framework that allows developers to create responsive websites. It highlights new features in Bootstrap 3.1.1 like a mobile-first approach and support for different screen resolutions. The document also explains the Bootstrap grid system which uses rows and columns to layout responsive content. It provides an example of the grid system and discusses other Bootstrap components like glyphs, buttons, and JavaScript plugins.
This document discusses CSS font properties and how to style text using CSS. It defines font-family, font-size, font-style, font-variant, and font-weight properties and provides examples of how to set each one. It also includes a quiz asking the reader to write CSS code to set various font properties individually and together in one declaration.
Cascading Style Sheets (CSS) is a mechanism for adding style to HTML documents. CSS allows complete control over layout, design and formatting of web pages. CSS properties can be applied inline, internally via <style> tags, or externally via linked style sheets. CSS uses selectors to apply styles to HTML elements based on their id, class, type and other attributes. Declarations are made up of properties and values to specify styles.
This document provides an introduction to Bootstrap, an open-source front-end framework for building responsive mobile-first websites and web applications. It discusses the basics of web development using HTML, CSS, and JavaScript. It then explains what Bootstrap is, how to add it to a website, and how to use its grid system, forms, buttons, and other common elements. Resources for using, customizing and finding additional components for Bootstrap are also provided.
This Presentation describes the all aspects of Margin property in CSS step by step. This will help you to understand the use of margin property effectively.
This document provides an overview and demonstration of Bootstrap, an open-source front-end framework for developing responsive, mobile-first web sites and applications. It discusses Bootstrap's support for responsive design using LESS, its grid system, and included UI components like buttons, forms, navigation, and more. The document also demonstrates how to get started with a basic Bootstrap template and use its grid system, breakpoints, containers and columns. Finally, it mentions some tools for working with Bootstrap and provides details on Font Awesome, an icon library that is often used along with Bootstrap.
This document discusses CSS fonts and font families. It covers:
1) There are generic and specific font families, with examples like Serif, Sans-Serif, Times New Roman, Arial.
2) For web accessibility, fonts should be simple, high-contrast, avoid small sizes and all caps. Standard fonts like Arial, Verdana are best.
3) Fonts like Verdana designed for screens and have good legibility, while Arial is also common but characters can be confused. Font stacks provide alternatives if the first isn't available.
1) The document evaluates several font styles for use in a music magazine masthead, ultimately selecting "NEOU" for its boldness and ability to draw attention.
2) "NEOU" is described as bold and spaced out, making it suitable to draw readers' eyes to the magazine cover.
3) The author decides on an all-black monochrome color scheme based on reader survey feedback and to match the magazine's simplistic theme.
This document discusses different image file types used on websites such as GIF, JPEG, and PNG. It provides details on each file type and their uses. It also covers how to add images to webpages using HTML and CSS, including styling images with properties like opacity. Finally, it discusses principles of graphic design and color theory, and provides examples of websites with good color schemes.
This document discusses responsive web design and provides steps to create responsive websites. It begins by defining responsive web design and listing the initial steps: adding a viewport, applying basic styling, and setting the first breakpoint. It then covers techniques like constraining width, adjusting padding and text size, adapting elements, and using media queries. The document provides examples and references for creating responsive layouts and adjusting designs based on screen size.
jQuery Mobile is a framework for building mobile web sites and apps using standard web technologies like HTML, CSS and JavaScript. It allows developers to build sites that automatically adjust to mobile devices with features like touch optimization and responsive design. The summary provides instructions on including jQuery Mobile files, basic page structure using data attributes, and examples of buttons and navigation bars.
This document discusses CSS style sheets and selectors. It begins with an introduction to CSS and its uses. It then covers CSS syntax, the different ways to insert CSS (inline, internal, external), and different types of selectors (element, id, class). Examples are provided for each topic. The document concludes with an assignment to create a webpage about movies using various CSS selectors and techniques learned in the document.
This document discusses CSS (Cascading Style Sheets) syntax and selectors. It explains the different ways to apply styles to HTML elements using inline styles, internal style sheets, and external style sheets. It also describes the three main CSS selectors - element, id, and class selectors. The element selector styles elements based on the tag name. The id selector selects individual elements using the id attribute. The class selector selects elements that share the same class attribute. Students are assigned to create a webpage presenting their two favorite movies using these CSS selectors.
A sitemap is a hierarchical list or diagram that represents the structure of HTML pages on a website. It is used to plan the logical presentation of content for users, visualize user paths, and organize content to help achieve business goals. There are two common types of sitemap diagrams: a horizontal tree diagram and a vertical tree diagram. Examples of sitemaps show hierarchical relationships between pages through visual diagrams.
This document discusses various page layout techniques using CSS, including floats, positioning, and responsive design. It begins by outlining a typical website layout with common elements like headers, navigation bars, page content, and footers. It then covers using CSS properties like float and clear to create basic page layouts with columns. The document also discusses centering pages, different positioning techniques, and creating fluid and responsive designs that adapt to different screen sizes using media queries. Specific techniques covered include removing default styling from lists to create navigation bars, and styling list items as navigation buttons.
This document provides an overview and examples of CSS Grids and Flexbox layout techniques. It discusses how Flexbox allows items to be laid out in a single direction row or column, and how CSS Grids enable two-dimensional page layouts using rows and columns. Examples are given for creating navigation menus, image galleries, and multi-column page designs using these new CSS properties. Media queries are also used to redefine grid layouts at different screen sizes.
This document provides an overview of various CSS topics including comments, colors, text formatting, positioning, and cross-browser compatibility. It explains concepts like using hexadecimal color codes, text properties like alignment and decoration, positioning elements with static, relative, absolute and fixed positioning, and strategies for aligning elements and dealing with browser inconsistencies.
The document covers various topics related to CSS including CSS introduction, syntax, selectors, inclusion methods, setting backgrounds, fonts, manipulating text, and working with images. Key points include how CSS handles web page styling, the advantages of CSS, CSS versions, associating styles using embedded, inline, external and imported CSS, and properties for backgrounds, fonts, text formatting, and images.
Bootstrap is an open-source front-end framework that helps developers design responsive mobile-first websites easily. It provides pre-built UI components like buttons, navigation bars, and grids for building layouts. The document discusses Bootstrap's introduction, file structure, grid system, responsive design features, and common layout components like dropdown menus and button groups.
This document discusses responsive design with Bootstrap. It introduces Bootstrap as an open-source front-end framework that allows developers to create responsive websites. It highlights new features in Bootstrap 3.1.1 like a mobile-first approach and support for different screen resolutions. The document also explains the Bootstrap grid system which uses rows and columns to layout responsive content. It provides an example of the grid system and discusses other Bootstrap components like glyphs, buttons, and JavaScript plugins.
This document discusses CSS font properties and how to style text using CSS. It defines font-family, font-size, font-style, font-variant, and font-weight properties and provides examples of how to set each one. It also includes a quiz asking the reader to write CSS code to set various font properties individually and together in one declaration.
Cascading Style Sheets (CSS) is a mechanism for adding style to HTML documents. CSS allows complete control over layout, design and formatting of web pages. CSS properties can be applied inline, internally via <style> tags, or externally via linked style sheets. CSS uses selectors to apply styles to HTML elements based on their id, class, type and other attributes. Declarations are made up of properties and values to specify styles.
This document provides an introduction to Bootstrap, an open-source front-end framework for building responsive mobile-first websites and web applications. It discusses the basics of web development using HTML, CSS, and JavaScript. It then explains what Bootstrap is, how to add it to a website, and how to use its grid system, forms, buttons, and other common elements. Resources for using, customizing and finding additional components for Bootstrap are also provided.
This Presentation describes the all aspects of Margin property in CSS step by step. This will help you to understand the use of margin property effectively.
This document provides an overview and demonstration of Bootstrap, an open-source front-end framework for developing responsive, mobile-first web sites and applications. It discusses Bootstrap's support for responsive design using LESS, its grid system, and included UI components like buttons, forms, navigation, and more. The document also demonstrates how to get started with a basic Bootstrap template and use its grid system, breakpoints, containers and columns. Finally, it mentions some tools for working with Bootstrap and provides details on Font Awesome, an icon library that is often used along with Bootstrap.
This document discusses CSS fonts and font families. It covers:
1) There are generic and specific font families, with examples like Serif, Sans-Serif, Times New Roman, Arial.
2) For web accessibility, fonts should be simple, high-contrast, avoid small sizes and all caps. Standard fonts like Arial, Verdana are best.
3) Fonts like Verdana designed for screens and have good legibility, while Arial is also common but characters can be confused. Font stacks provide alternatives if the first isn't available.
1) The document evaluates several font styles for use in a music magazine masthead, ultimately selecting "NEOU" for its boldness and ability to draw attention.
2) "NEOU" is described as bold and spaced out, making it suitable to draw readers' eyes to the magazine cover.
3) The author decides on an all-black monochrome color scheme based on reader survey feedback and to match the magazine's simplistic theme.
This document discusses trends in web interface design and elements of effective design. It outlines trends like longer scrolling sites, storytelling/interaction, simplicity, and large typography. It also covers web components like responsive design for multiple screen resolutions. The document details elements of good design like simplicity, consistency, identity, useful content, and navigation. It discusses site structure models and layout. Finally, it provides an assignment to design an e-commerce site using tools like Photoshop.
HTML5 introduces many new elements that improve the semantics of HTML documents. These include new structural elements like <header>, <nav>, <article>, and <footer> that define different sections of a page. HTML5 also adds new form controls like <datalist> and <output>. It introduces multimedia elements <video> and <audio> to embed video and audio. The <canvas> element allows dynamic drawing via scripting, enabling 2D and 3D graphics. HTML5 provides a simpler way to structure pages compared to HTML4's <div> elements.
CSS Style and selector, In our CSS tutorial you will learn how to use CSS to control the style and selector. Example and Assignment for Web design Technology class
This document summarizes key aspects of text and typography for multimedia applications. It covers the text tradition from print including typefaces, size, and style. It also discusses computer text codes and font technologies like bitmap and outline fonts. The document outlines guidelines for using text in multimedia, such as being brief and readable, and combining text with other media. It provides an overview of incorporating text into multimedia applications through various methods.
The document provides an overview of HTML, HTML5, and validations for web design. It discusses the basics of HTML including elements like headings, paragraphs, links, tables and divs. It also covers new semantic elements introduced in HTML5 like header, nav, article and section. The document recommends validating code for browser compatibility, rendering speed, accessibility and to satisfy web standards. It provides a link to an online HTML validator and assigns students to write HTML code based on a figure using divs and HTML5 elements.
Bootstrap is the most popular HTML, CSS and JS framework for developing responsive, mobile first projects on the web.
How to use bootstrap, a framework for web design
The document discusses several approaches to Arabic spell checking. It begins by outlining common Arabic spelling errors and then summarizes seven different approaches: 1) a stochastic approach focusing on space insertions and deletions, 2) a Prolog-based approach detecting errors and offering corrections, 3) an approach using n-gram scores and a matrix method, 4) generating an Arabic word list for error detection and language modeling, 5) a system with error detection and correction components using a dictionary and error model, 6) improving this system by enhancing the dictionary and candidate generation, and 7) concluding that the results are promising but there is still room for improvement.
The document analyzes several fonts for their suitability for use on the front cover of a magazine masthead. It evaluates each font for traits like boldness, modernity, uniqueness, and ability to stand out on magazine racks. Some fonts are deemed too similar to others, too thin, or too large and cluttered for a magazine cover. The Kalinga font is described as the most contemporary with clean modern lines that would appeal to current audiences.
A smiling host awaits you – neatly trimmed, sharply dressed and very attractive too. She has something to show you in front her – well cut, sparkling, colored tanzanite. As you start guessing “What in this world is a Tanzanite?”, she narrates you a story of Tanzanite’s history, exclusivity and rarity that would want you to own one.
And as the host continues to entertain you by sharing some of her personal experiences of Tanzanite and providing you with ideas of how you can gift your daughter for the Thanksgiving, the prices continue to roll down, sometime to the extent of -90%.
With only 5 minutes into the narrative, the Final price is shown and you see orders start pouring in. Now, after witnessing an attractive host, wonderful narrative, eye catching product, falling prices, the reminder for Thanksgiving and stocks running out, would you want to wait? No! You feel your adrenaline flowing and you pick your phone.
Welcome to the world of Vaibhav Global Limited (VGL), Welcome to the world of Home Shopping !.
VGL is an electronic retailer of fashion jewelry, fashion accessories and lifestyle products. They are vertically integrated and they source their inventories from India, Thailand, China and Indonesia.
VGL predominantly focuses on the US and UK consumer markets through their exclusive cable, satellite and broadcast televeision networks, extremely well supported and integrated with a e-commerce platform. They are available in the US through Liquidation Channel (TV broadcast) and liquidationchannel.com (Web) and in the UK through Jewellery Channel (TV broadcast) and thejewellerychannel.tv.
In FY 14, VGL reported revenues of INR 12,983 mn (growth of 45%) and PAT of INR 1,526 mn (growth of 94%) with a Basic EPS of INR 47.4. It generated an ROE of 66%, ROCE of 53% with an EBITDA margin of 11%.
While the numbers already look extremely impressive, I believe that the business has just scratched the surface. VGL has a really long runway for growth with improving EBITDA margin and improving FCF at consistently high return ratios, thus making it a Multibagger stock in the making.
Following are key factors which make VGL a highly probable Multibagger opportunity available at a reasonable valuation.
For more info, please visit the document attached.
The document discusses various aspects of cascading style sheets (CSS) including syntax, sources of style, inline style sheets, and properties for styling text, links, tables, lists, and borders. CSS allows adding styles like fonts, colors, and spacing to web documents. It was developed by Håkon Wium Lie and uses selectors and declarations to style HTML elements. Inline, internal, and external styles are different sources of CSS style rules.
Microsoft Word - Paging, Headers, FootersLisa Hartman
To add a header or footer with your name and page number:
1. Select the Insert tab and choose Page Number, Top of Page, and Left position.
2. Type your name before the inserted page number.
3. To change the page number format, double-click the header/footer and choose Format Page Number, adjusting the Start At number as needed.
May 11, 2013 for Trade School Manila
Is there an easy way to learn Macros for Excel? In this review, we tried to do it in 2 hours! Learn recording, and convert them into loops.
Microsoft Office is a suite of applications, including MS Word for documents, MS Excel for spreadsheets, MS PowerPoint for presentations, and MS Access for database management. MS Word allows users to create, edit, and print documents. MS Excel enables calculations and charts through spreadsheets. MS PowerPoint is used to create slide presentations with animations, transitions, and narrations. MS Access provides tools for building and managing databases, tables, forms, and reports.
This document discusses different types of multimedia data and file formats. It describes text, graphics, images, audio, video, and animation. For images, it discusses bits per pixel and compression formats like JPEG, JPG, and BMP. It explains how audio is digitized and compressed, with lossy and lossless algorithms. Video involves sampling frames at rates like 30 fps and uses compression. Animation shows series of pictures displayed rapidly. Common file formats are described like RTF, TIFF, MIDI, JPEG, and MPEG, which is used for video compression standards.
This document provides information and instructions on creating and using macros in Microsoft Word and Excel 2003. It discusses recording macros to automate repetitive tasks, creating macros, running macros, adding macros to toolbars for easy access, and tips for using Word and Excel. Examples are provided for creating a letterhead macro in Word and running macros in both applications.
This document provides an introduction to CSS (Cascading Style Sheets). It discusses key CSS concepts like selectors, properties, values and syntax. It also covers different ways to apply CSS like inline, internal and external stylesheets. Common CSS properties for formatting text like font, color, text-decoration are described. The document also discusses CSS box model and different units of measurement in CSS.
This document provides an overview of formatting text with CSS, including font properties, text effects, list styles, and selector types. It discusses font-related properties like font-family, size, weight, and style. It also covers line settings, text alignment, decoration, and capitalization. List style properties for choosing markers and position are described. Finally, it summarizes selector types like descendent, ID, class, and universal selectors, as well as the concept of specificity.
The CSS font properties define the appearance of text on a webpage. This includes properties that set the font family, style, size, variant, and weight. Common font families include serif fonts like Times New Roman that have small lines at the ends of characters, and sans-serif fonts like Arial that do not have these extra lines. Font size can be set in pixels, ems, or viewport width percentages to control text size and allow user resizing. Font style controls whether text is normal or italic, weight makes it normal or bold, and variant sets small caps formatting.
This document provides information about an internship in web design and covers various CSS concepts. It begins by stating the internship is in web designing and lists some benefits of learning CSS such as creating stunning websites and becoming a web designer. It then covers CSS topics like the basic syntax, selectors, properties, and values. Examples are provided for different CSS properties including color, font, text, background, and positioning. The document aims to teach the fundamentals of CSS through definitions, examples, and explanations of how it controls styling for web documents.
This document provides information about an internship in web design and covers several key concepts of CSS (Cascading Style Sheets) including what CSS is used for, the basic syntax and structure of CSS, common CSS properties for controlling text, color, background, and font styles, and how to attach CSS to an HTML document. It includes examples of using CSS to control properties like font size, color, text alignment, background images and provides overviews of CSS concepts like the box model, specificity and inheritance to style web pages.
CSS (Cascading Style Sheets) is used to separate document layout and formatting from content. It allows control over font properties, text properties, and list formatting. CSS considers the physical display of documents, unlike HTML which is for logical structure. The main advantages of CSS include separation of design and content, consistent styling across pages, and graceful degradation.
Cascading Style Sheets (CSS) allow separation of document content from document presentation, including elements like fonts, sizes, colors and positioning. There are three main ways to apply CSS rules: inline within HTML tags; embedded within <style> tags in the <head>; or in an external .css file linked via <link>. CSS rules contain selectors that target elements, and declarations that set property-value pairs to style them, such as font-size: 12px. CSS provides control over various text properties including font, size, style, alignment, spacing, decoration and transformation.
The document provides an introduction to CSS and SASS including definitions of HTML, CSS, CSS syntax, selectors, properties, and other CSS concepts. It defines HTML as a markup language and CSS as used to style and lay out HTML elements. It describes common CSS concepts like selectors, properties, values, and ways to attach CSS like inline, embedded and external stylesheets.
This document provides an introduction to CSS (Cascading Style Sheets), including what CSS is, why it is used, its history and syntax. It describes CSS selectors, properties, and different methods of attaching style definitions. It also covers the CSS box model and properties for styling text, links, lists, backgrounds, borders, margins and paddings.
CSS gives you control over the appearance of text on your Web pages, you can use font styles, different different texts and color names to give a sober look to your webpage.
This document provides a summary of CSS (Cascading Style Sheets) concepts including syntax, selectors, properties, and positioning elements. Key points covered include CSS rules with selectors and declarations, using IDs, classes, and combinations of selectors, inheritance and priority of styles, specifying font properties, colors, dimensions, borders/padding/margins, opacity/shadows, and the four positioning types. Examples are given throughout to illustrate CSS concepts. The document concludes with references for further CSS learning.
This document discusses CSS fonts and text properties. It begins by explaining relative and absolute font length units like em, ex, percent, inches, centimeters, pixels, and points. It then provides examples of using these units in CSS code. The document also lists various font and text properties in CSS like font-family, font-size, font-style, font-weight, color, line-height, letter-spacing, and text-align. It provides the description and possible values for each property. Examples are given to demonstrate using these properties in CSS code and HTML. The document concludes by assigning students to create a web page presenting information about CSS fonts and text properties using these CSS techniques.
The document discusses CSS outline properties, including outline style, color, and width. It describes common outline styles like dotted, dashed, solid, and double. It provides an example of how to apply different outline styles to paragraph elements with class selectors. The document also covers CSS font properties like font family, style, size, weight, and variant. It demonstrates how to set font styles and sizes in pixels and ems. Additionally, the document discusses CSS for styling text, links, lists, tables, and using max-width.
The document discusses three ways of applying CSS: inline, internal, and external. It provides examples of each method and explains their differences. Inline CSS is written directly in HTML tags, internal CSS is defined within the <style> tag in the <head> section, and external CSS has the styles defined in a separate .css file that is linked via the <link> tag. The document also covers various CSS properties for formatting text like font, color, size, alignment; box model properties like margin, padding, border; and CSS selectors like classes and IDs.
This document discusses various CSS text formatting options including font families, styles, sizes, colors, spacing, alignment, and decoration. It provides examples for setting font styles like italic, bold, and small caps. It also covers formatting text properties such as line height, letter spacing, background colors, indentation, and alignment.
This document provides an introduction to CSS (Cascading Style Sheets) including:
- What CSS allows you to change (appearance and layout of HTML)
- Key CSS concepts like selectors, colors specified as hex codes, the box model
- Common CSS properties for fonts, colors, spacing, dimensions
- Examples of CSS rules and using the Chrome Dev Tools to experiment
- Shorthand vs longhand property notation and common units like pixels and percentages
- How CSS manages complexity through modules, layers and declarative programming
This document discusses various text and font formatting styles in CSS, including:
- Text properties that control text appearance such as color, alignment, decoration, and indentation.
- Font properties that specify font, size, and style.
- Values for properties like text-align, text-indent, text-transform, and their effects.
- The <span> tag and its attributes for inline styling.
- Methods for indenting paragraphs using text-indent, padding, and margin properties.
- Border styles, colors, widths and shorthand properties.
- Horizontal text alignment using the text-align property.
This document discusses requirements gathering for software development projects. It defines what requirements are, including business, functional, and technical requirements. It emphasizes the importance of gathering accurate and complete requirements through techniques like interviews, questionnaires, and prototyping. A good requirement is described as being complete, correct, clear, verifiable, necessary, feasible, prioritized, consistent, traceable, modular, and design-independent. The document provides an assignment with questions to help gather requirements for various goals and problems.
This document provides an introduction to PowerPoint and its features. It discusses the menu bar and tools, how to create a new presentation, how to insert images and shapes, how to add tables and graphs, and how to use animations and transitions. It also notes that PowerPoint allows presentations with text, pictures, sounds, slide shows, WordArt, themes, imported Excel data, videos, animations, and that it can be used to create reports, flash files, slides, posters, and artworks.
This document discusses personas, scenarios, and goals in user experience design. It provides examples of:
1. A persona named Betty that describes her background and characteristics to represent a type of user.
2. Steps to create personas by finding users, patterns, and validating personas to represent synthesized user profiles.
3. Scenarios as stories that communicate interactions between a user and system through a sequence of steps under certain conditions.
4. Examples of ATM scenarios to demonstrate different interactions and outcomes.
5. Usability goals around learnability, efficiency, memorability, errors, and satisfaction.
6. User experience goals related to qualities like being satisfying, motivating, enjoyable, aest
The document discusses the user experience (UX) design process, which includes strategy, research, analysis, design, and production phases. It provides examples of methods used during the research and design phases like focus groups, usability testing, card sorting, A/B testing, and eye tracking. The document also gives examples of deliverables for concept development like brainstorming, mood boards, storyboards, user flows, and task analysis. Finally, it defines brainstorming as a method to generate ideas and solve problems by obtaining a complete list of items.
The document discusses various image file formats such as JPEG, GIF, BMP, TIFF, and PNG and their characteristics such as color depth, compression, and usage. It also covers the differences between raster (bitmap) images and vector images. The document provides an overview of tools and workshops for Adobe Illustrator and includes instructions for an assignment involving creating artwork in Illustrator and submitting files.
This short document promotes the creation of presentations using Haiku Deck on SlideShare. It contains a photo credit and a call to action encouraging the reader to get started creating their own Haiku Deck presentation on SlideShare.
A content management system (CMS) is a computer application that allows publishing, editing, and modifying content on a website. It offers advantages like being easy for developers to use, cost effective, flexible, and able to be maintained over time. Popular CMS platforms include WordPress, Drupal, Joomla, Textpattern, SilverStripe, and MODX. Examples of websites that use CMS include icondock.com and social.ford.com.
♥☽✷♥
Make sure to catch our weekly updates. Updates are done Thursday to Fridays or its a holiday/event weekend.
Thanks again, Readers, Guest Students, and Loyalz/teams.
This profile is older. I started at the beginning of my HQ journey online. It was recommended by AI. AI was very selective but fits my ecourse style. I am media flexible depending on the course platform. More information below.
AI Overview:
“LDMMIA Reiki Yoga refers to a specific program of free online workshops focused on integrating Reiki energy healing techniques with yoga practices. These workshops are led by Leslie M. Moore, also known as LDMMIA, and are designed for all levels, from beginners to those seeking to review their practice. The sessions explore various themes like "Matrix," "Alice in Wonderland," and "Goddess," focusing on self-discovery, inner healing, and shifting personal realities.”
♥☽✷♥
“So Life Happens-Right? We travel on. Discovering, Exploring, and Learning...”
These Reiki Sessions are timeless and about Energy Healing / Energy Balancing.
A Shorter Summary below.
A 7th FREE WORKSHOP
REiki - Yoga
“Life Happens”
Intro Reflections
Thank you for attending our workshops. If you are new, do welcome. We have been building a base for advanced topics. Also, this info can be fused with any Japanese (JP) Healing, Wellness Plans / Other Reiki /and Yoga practices.
Power Awareness,
Our Defense.
Situations like Destiny Swapping even Evil Eyes are “stealing realities”. It’s causing your hard earned luck to switch out. Either way, it’s cancelling your reality all together. This maybe common recently over the last decade? I noticed it’s a sly easy move to make. Then, we are left wounded, suffering, accepting endless bad luck. It’s time to Power Up. This can be (very) private and quiet. However; building resources/EDU/self care for empowering is your business/your right. It’s a new found power we all can use for healing.
Stressin out-II
“Baby, Calm down, Calm Down.” - Song by Rema, Selena Gomez (Video Premiered Sep 7, 2022)
Within Virtual Work and VR Sims (Secondlife Metaverse) I love catching “Calm Down” On the radio streams. I love Selena first. Second, It’s such a catchy song with an island feel. This blends with both VR and working remotely.
Its also, a good affirmation or mantra to *Calm down* lol.
Something we reviewed in earlier Workshops.
I rarely mention love and relations but theres one caution.
When we date, almost marry an energy drainer/vampire partner; We enter doorways of no return. That person can psychic drain U during/after the relationship. They can also unleash their demons. Their dark energies (chi) can attach itself to you. It’s SYFI but common. Also, involving again, energy awareness. We are suppose to keep our love life sacred. But, Trust accidents do happen. The Energies can linger on. Also, Reiki can heal any breakup damage...
(See Pres for more info. Thx)
Jack Lutkus is an education champion, community-minded innovator, and cultural enthusiast. A social work graduate student at Aurora University, he also holds a BA from the University of Iowa.
The 'Oedipus The King Student Revision Booklet' has been designed to help students prepare for writing about this text for a SAC or the exam. It scaffolds students to revise the plot, characters, symbols and dramatic devices of the text and builds their skills to write about the key ideas in response to a range of different types of essay topics.
The PDF titled "Critical Thinking and Bias" by Jibi Moses aims to equip a diverse audience from South Sudan with the knowledge and skills necessary to identify and challenge biases and stereotypes. It focuses on developing critical thinking abilities and promoting inclusive attitudes to foster a more cohesive and just society. It defines bias as a tendency or prejudice affecting perception and interactions, categorizing it into conscious and unconscious (implicit) biases. The content highlights the impact of societal and cultural conditioning on these biases, particularly within the South Sudanese context.
CURRENT CASE COUNT: 880
• Texas: 729 (+5) (56% of cases are in Gaines County)
• New Mexico: 78 (+4) (83% of cases are from Lea County)
• Oklahoma: 17
• Kansas: 56 (38.89% of the cases are from Gray County)
HOSPITALIZATIONS: 103
• Texas: 94 - This accounts for 13% of all cases in the State.
• New Mexico: 7 – This accounts for 9.47% of all cases in New Mexico.
• Kansas: 2 - This accounts for 3.7% of all cases in Kansas.
DEATHS: 3
• Texas: 2 – This is 0.28% of all cases
• New Mexico: 1 – This is 1.35% of all cases
US NATIONAL CASE COUNT: 1,076 (confirmed and suspected)
INTERNATIONAL SPREAD
• Mexico: 1,753 (+198) 4 fatalities
‒ Chihuahua, Mexico: 1,657 (+167) cases, 3 fatalities, 9 hospitalizations
• Canada: 2518 (+239) (Includes Ontario’s outbreak, which began November 2024)
‒ Ontario, Canada: 1,795 (+173) 129 (+10) hospitalizations
‒ Alberta, Canada: 560 (+55)
Things to keep an eye on:
Mexico: Three children have died this month (all linked to the Chihuahua outbreak):
An 11-month-old and a 7-year-old with underlying conditions
A 1-year-old in Sonora whose family is from Chihuahua
Canada:
Ontario now reports more cases than the entire U.S.
Alberta’s case count continues to climb rapidly and is quickly closing in on 600 cases.
Emerging transmission chains in Manitoba and Saskatchewan underscore the need for vigilant monitoring of under-immunized communities and potential cross-provincial spread.
United States:
North Dakota: Grand Forks County has confirmed its first cases (2), linked to international travel. The state total is 21 since May 2 (including 4 in Cass County and 2 in Williams County), with one hospitalization reported.
OUTLOOK: With the spring–summer travel season peaking between Memorial Day and Labor Day, both domestic and international travel may fuel additional importations and spread. Although measles transmission is not strictly seasonal, crowded travel settings increase the risk for under-immunized individuals.
ISO 27001 Lead Auditor Exam Practice Questions and Answers-.pdfinfosec train
🧠 𝐏𝐫𝐞𝐩𝐚𝐫𝐢𝐧𝐠 𝐟𝐨𝐫 𝐭𝐡𝐞 𝐈𝐒𝐎 𝟐𝟕𝟎𝟎𝟏 𝐋𝐞𝐚𝐝 𝐀𝐮𝐝𝐢𝐭𝐨𝐫 𝐄𝐱𝐚𝐦? 𝐃𝐨𝐧’𝐭 𝐉𝐮𝐬𝐭 𝐒𝐭𝐮𝐝𝐲—𝐏𝐫𝐚𝐜𝐭𝐢𝐜𝐞 𝐰𝐢𝐭𝐡 𝐏𝐮𝐫𝐩𝐨𝐬𝐞!
We’ve compiled a 𝐜𝐨𝐦𝐩𝐫𝐞𝐡𝐞𝐧𝐬𝐢𝐯𝐞 𝐰𝐡𝐢𝐭𝐞 𝐩𝐚𝐩𝐞𝐫 featuring 𝐫𝐞𝐚𝐥𝐢𝐬𝐭𝐢𝐜, 𝐬𝐜𝐞𝐧𝐚𝐫𝐢𝐨-𝐛𝐚𝐬𝐞𝐝 𝐩𝐫𝐚𝐜𝐭𝐢𝐜𝐞 𝐪𝐮𝐞𝐬𝐭𝐢𝐨𝐧𝐬 𝐚𝐧𝐝 𝐚𝐧𝐬𝐰𝐞𝐫𝐬 designed specifically for those targeting the 𝐈𝐒𝐎/𝐈𝐄𝐂 𝟐𝟕𝟎𝟎𝟏 𝐋𝐞𝐚𝐝 𝐀𝐮𝐝𝐢𝐭𝐨𝐫 𝐜𝐞𝐫𝐭𝐢𝐟𝐢𝐜𝐚𝐭𝐢𝐨𝐧.
🔍 𝐈𝐧𝐬𝐢𝐝𝐞 𝐲𝐨𝐮'𝐥𝐥 𝐟𝐢𝐧𝐝:
✅ Exam-style questions mapped to ISO 27001:2022
✅ Detailed explanations (not just the right answer—but why it’s right)
✅ Mnemonics, control references (like A.8.8, A.5.12, A.8.24), and study tips
✅ Key audit scenarios: nonconformities, SoA vs scope, AART treatment options, CIA triad, and more
𝐖𝐡𝐞𝐭𝐡𝐞𝐫 𝐲𝐨𝐮'𝐫𝐞:
🔹 Starting your ISO journey
🔹 Preparing for your Lead Auditor exam
🔹 Or mentoring others in information security audits...
This guide can seriously boost your confidence and performance.
How to Use Owl Slots in Odoo 17 - Odoo SlidesCeline George
In this slide, we will explore Owl Slots, a powerful feature of the Odoo 17 web framework that allows us to create reusable and customizable user interfaces. We will learn how to define slots in parent components, use them in child components, and leverage their capabilities to build dynamic and flexible UIs.
How to Configure Subcontracting in Odoo 18 ManufacturingCeline George
Subcontracting in manufacturing involves outsourcing specific production tasks to external vendors or subcontractors. These tasks may include manufacturing certain components, handling assembly processes, or even producing entire product lines.
"Orthoptera: Grasshoppers, Crickets, and Katydids pptxArshad Shaikh
Orthoptera is an order of insects that includes grasshoppers, crickets, and katydids. Characterized by their powerful hind legs, Orthoptera are known for their impressive jumping ability. With diverse species, they inhabit various environments, playing important roles in ecosystems as herbivores and prey. Their sounds, often produced through stridulation, are distinctive features of many species.
How to Add a Custom Menu, List view and FIlters in the Customer Portal Odoo 18Celine George
To create a new menu in the "My Accounts" portal and set up a list/form view in Odoo 18, follow these steps. For Example- The custom menu has now been added to the "Fleet" customer portal.
Updated About Me. Used for former college assignments.
Make sure to catch our weekly updates. Updates are done Thursday to Fridays or its a holiday/event weekend.
Thanks again, Readers, Guest Students, and Loyalz/teams.
This profile is older. I started at the beginning of my HQ journey online. It was recommended by AI. AI was very selective but fits my ecourse style. I am media flexible depending on the course platform. More information below.
AI Overview:
“LDMMIA Reiki Yoga refers to a specific program of free online workshops focused on integrating Reiki energy healing techniques with yoga practices. These workshops are led by Leslie M. Moore, also known as LDMMIA, and are designed for all levels, from beginners to those seeking to review their practice. The sessions explore various themes like "Matrix," "Alice in Wonderland," and "Goddess," focusing on self-discovery, inner healing, and shifting personal realities.”
Paper 110A | Shadows and Light: Exploring Expressionism in ‘The Cabinet of Dr...Rajdeep Bavaliya
Dive into the haunting worlds of German Expressionism as we unravel how shadows and light elevate ‘The Cabinet of Dr. Caligari’ and ‘Nosferatu: A Symphony of Horror’ into timeless masterpieces. Discover the psychological power of chiaroscuro, distorted sets, and evocative silhouettes that shaped modern horror. Whether you’re a film buff or a budding cinephile, this journey through post‑WWI trauma and surreal visuals will leave you seeing movies in a whole new light. Hit play, share your favorite shock‑and‑awe moment in the comments, and don’t forget to follow for more deep‑dives into cinema’s most influential movements!
M.A. Sem - 2 | Presentation
Presentation Season - 2
Paper - 110A: History of English Literature – From 1900 to 2000
Submitted Date: April 1, 2025
Paper Name: History of English Literature – From 1900 to 2000
Topic: Shadows and Light: Exploring Expressionism in ‘The Cabinet of Dr. Caligari’ and ‘Nosferatu: A Symphony of Horror’
[Please copy the link and paste it into any web browser to access the content.]
Video Link: https://youtu.be/pWjHqo6clT4
For a more in-depth discussion of this presentation, please visit the full blog post at the following link:
Please visit this blog to explore additional presentations from this season:
Hashtags:
#GermanExpressionism #SilentHorror #Caligari #Nosferatu #Chiaroscuro #VisualStorytelling #FilmHistory #HorrorCinema #CinematicArt #ExpressionistAesthetics
Keyword Tags:
Expressionism, The Cabinet of Dr. Caligari, Nosferatu, silent film horror, film noir origins, German Expressionist cinema, chiaroscuro techniques, cinematic shadows, psychological horror, visual aesthetics
How to Setup Lunch in Odoo 18 - Odoo guidesCeline George
In Odoo 18, the Lunch application allows users a convenient way to order food and pay for their meal directly from the database. Lunch in Odoo 18 is a handy application designed to streamline and manage employee lunch orders within a company.
Odoo 18 Point of Sale PWA - Odoo SlidesCeline George
Progressive Web Apps (PWA) are web applications that deliver an app-like experience using modern web technologies, offering features like offline functionality, installability, and responsiveness across devices.
1. WDS
CS KKU
Font
C S S & H T M L
322432 Web Design Technology
By Yaowaluck Promdee, Sumonta Kasemvilas
Web Design Technology | 2015 1
2. Web Design Technology | 2015 2
WDS
CS KKU
Index
• Unit Style Sheet
• CSS - Fonts
• Example
• Assignment
3. Web Design Technology | 2015 3
WDS
CS KKU
Unit Style Sheet
Relative Length
• em – font size of element
• ex- height of element’s font
• percent- consists of a number
immediately followed by percent
sign ‘%’
4. Web Design Technology | 2015 4
WDS
CS KKU
Unit Style Sheet (Cont.)
Absolute Length
• in (inches; 1in=2.54cm =72pt =6pc)
Ex. 2in, 1.5in
• cm (centimeters; 1cm=10mm) Ex. 2cm, 1.11cm
• mm (millimeters) Ex. 50mm, 0.8mm
• pt (points; 1pt=1/72in, 10pt = 12px) Ex.12pt, 20pt
• pc (picas; 1pc=12pt) Ex. 1pc, 2pc
• pixel (px) : pixel 1px is equal to 1/96th of 1in
5. Web Design Technology | 2015 5
WDS
CS KKU
Recommended Occasional use
Not
recommended
Screen em, px, % ex pt, cm, mm, in, pc
Print em, cm, mm, in, pt,
pc, %
ex, px
a different set of units for display on screen than for printing on paper. The
following table gives the recommended use:
6. Example
Web Design Technology | 2015 6
WDS
CS KKU
h1 { line-height: 1.2em; }
h1 { font-size: 1.2em; }
h1 { margin: 0.5in; } /* inches */
h2 { line-height: 3cm; } /* centimeters */
h3 { word-spacing: 4mm; } /* millimeters */
h4 { font-size: 12pt; } /* points */
h4 { font-size: 1pc; } /* picas */
p { font-size: 12px; } /* px */
means that the line height of h1 elements will be 20%
greater than the font size of h1 element.
means that the font size of h1 elements will be 20% greater than
the computed font size inherited by h1 elements.
9. Web Design Technology | 2015 9
WDS
CS KKU Difference Between Serif and Sans-serif Fonts
10. Web Design Technology | 2015 10
WDS
CS KKU CSS-Font
Property Description Values
font-family Specifies the font family
for text
Ex. Arial, Helvetica,
sans-serif
font-size Specifies the font size of
text
xx-small, x-small, small,
medium, large, x-large,
xx-large, smaller, larger,
18px, 70%, 150%
11. Web Design Technology | 2015 11
WDS
CS KKU CSS-Font (cont.)
Property Description Values
font-style The font-style property is mostly
used to specify italic text.
normal
italic
oblique
font-variant In a small-caps font, all lowercase
letters are converted to uppercase
letters.
normal
Small-Caps
font-weight The font-weight property sets how
thick or thin characters in text
should be displayed.
normal
bold
bolder
lighter
100
200
12. Web Design Technology | 2015 12
WDS
CS KKU
CSS-Font (cont.)
Font Size
The font-size property sets the size of the text.
p {
font-size: 0.875em; /* 14px/16=0.875em */
}
xx-small, x-small, small,
medium, large, x-large,
xx-large, smaller, larger,
18px, 70%, 150%
13. Web Design Technology | 2015 13
WDS
CS KKU
CSS-Font (cont.)
Font Style
• normal - The text is shown normally
• italic - The text is shown in italics
• oblique - The text is "leaning" (oblique is very similar to italic, but less
supported)
This is a paragraph in normal style.
This is a paragraph in italic style.
This is a paragraph in oblique style.
p.normal { font-style: normal;}
14. Web Design Technology | 2015 14
WDS
CS KKU
CSS-Font (cont.)
Font Family
The font family of a text is set with the font-family property.
p {
font-family: "Times New Roman", Times, serif;
}
p.font1 {
font-family: "Times New Roman", Times, serif; }
p.font2 {
font-family: Arial, Helvetica, sans-serif;}
Example1
Result
15. Web Design Technology | 2015 15
WDS
CS KKU
CSS-Font
Web safe fonts
These fonts make up a group of a select few fonts that are available
on most computers.
@font-face {
font-family: myFirstFont;
src: url(sansation_light.woff);
}
h1 {
font-family: “myFristFont", sans-serif;
}
https://www.web-font-generator.com/
Link web font generator
https://www.google.com/fonts
http://www.flaticon.com/font-face
16. Web Design Technology | 2015 16
WDS
CS KKU
Different Font Formats
TrueType Fonts (TTF) is the most common font format for both the Mac OS and Microsoft
Windows operating systems.
OpenType Fonts (OTF)
OpenType is a format for scalable computer fonts. It was built on TrueType, and is a
registered trademark of Microsoft.
The Web Open Font Format (WOFF)
WOFF is a font format for use in web pages. It was developed in 2009, and is now a W3C
Recommendation.
SVG Fonts/Shapes
SVG fonts allow SVG to be used as glyphs when displaying text. The SVG 1.1
specification define a font module that allows the creation of fonts within an SVG
document.
Embedded OpenType Fonts (EOT)
EOT fonts are a compact form of OpenType fonts designed by Microsoft for use as
embedded fonts on web pages.
18. Text
322432-1/2014
Property Description Values
color The color property is used to set the color
of the text
- a HEX value - like "#ff0000"
- an RGB value - like
"rgb(255,0,0)"
- a color name - like "red"
direction The direction property specifies the text
direction/writing direction
direction: ltr|rtl|initial|inherit;
line-height The line-height property specifies the line
height.
line-height: normal|number|
length|initial|inherit;
letter-spacing The letter-spacing property increases or
decreases the space between characters
in a text.
letter-spacing: normal|length|
initial|inherit;
text-align The text-align property specifies the
horizontal alignment of text in an element.
text-align: left|right|center|
justify|initial|inherit;
http://www.w3schools.com/
WDS
CS KKU
19. Text
Property Description Values
text-decoration The text-decoration property specifies
the decoration added to text.
text-decoration: none|
underline| overline| line-
through|initial|inherit;
text-indent The text-indent property specifies the
indentation of the first line in a text-
block.
text-indent: length |initial |
inherit;
text-transform The text-transform property controls the
capitalization of text
None | capitalize | uppercase |
lowercase | initial | inherit
white-space The white-space property specifies how
white-space inside an element is
handled.
Normal | nowrap | pre | pre-
line | pre-wrap | initial | inherit
word-spacing The word-spacing property increases or
decreases the white space between
words.
word-spacing: normal | length |
initial | inherit
http://www.w3schools.com/
WDS
CS KKU
Web Design Technology | 2015
20. Web Design Technology | 2015 20
WDS
CS KKU
CSS3-Font/Text
• text-overflow
• word-wrap
• word-break
The CSS3 text-overflow property specifies how overflowed
content that is not displayed should be signaled to the
user.
p.test1 {
white-space: nowrap;
width: 200px;
border: 1px solid #000000;
overflow: hidden;
text-overflow: clip;
}
p.test2 {
white-space: nowrap;
width: 200px;
border: 1px solid #000000;
overflow: hidden;
text-overflow: ellipsis;
}
<p>The following two paragraphs contains a long text that will not fit in the box.</p>
<p>text-overflow: clip:</p>
<p class="test1">This is some long text that will not fit in the box</p>
21. Web Design Technology | 2015 21
WDS
CS KKU
CSS3-Font/Text
The CSS3 word-wrap property allows long words to be able to be broken and wrap onto
the next line.
• word-wrap
p.test {
width: 11em;
border: 1px solid #000000;
word-wrap: break-word;
}
<p class="test"> This
paragraph contains a very
long word:
thisisaveryveryveryveryveryve
rylongword. The long word
will break and wrap to the
next line.</p>
22. Web Design Technology | 2015 22
WDS
CS KKU
CSS3-Font/Text
p.test1 {
width: 140px;
border: 1px solid #000000;
word-break: keep-all; }
p.test2 {
width: 140px;
border: 1px solid #000000;
word-break: break-all;
}
<p class="test1">This
paragraph contains some
text. This line will-break-at-
hyphens.</p>
<p class="test2">This
paragraph contains some
text. The lines will break at
any character.</p>
Specifies line breaking rules for non-CJK scripts
• word-break
26. Web Design Technology | 2015 26
h1>This is using font "impact" size 2em. </h1>
<p class="text2">font-family : Arial, Helvetica, sans-serif <br>
a first character is Big and italic font. <br>
Color blue of first characterbut all content on this paragraph shown
grey color. word spacing:0.5em
</p>
<p class="text3"> I using text indent to show this paragraph. <br>
how to code CSS <span id="text3">and html </span> on this example.
</p>
<footer> web design technology </footer>
HTML CODE
27. Web Design Technology | 2015 27
WDS
CS KKU
Assignment#6
Create a Web page to present “CSS-Font design”
from information provided using
CSS font and text
Grade will be based on your CSS technique and look and feel
of the Web page.
https://onedrive.live.com/view.aspx?resid=F333459734D737E5!1410&app=Word
“CSS-Font design”