This document provides an introduction to CSS3 and discusses its key features. It explains that CSS3 is divided into modules that add new capabilities and extend features from CSS2. Some modules are recommendations while others are in various stages of development. The document then covers CSS syntax, selectors like type, class and ID selectors, units of length measurement, and style sheets that can be external, internal or inline. It also discusses pseudo-classes, comments, and how to apply styles to hyperlinks.
This document discusses CSS (Cascading Style Sheets) and how it can be used to style web pages. It begins by defining CSS and listing some of its main advantages, such as allowing reuse of styles across pages and faster loading times. It then covers CSS syntax, selectors, properties and values. The document also discusses the different methods of associating CSS with HTML, including inline, internal and external stylesheets. Finally, it provides examples of how to style specific elements like fonts, text, backgrounds and more using CSS.
Cascading Style Sheets (CSS) is a language for styling web pages that separates presentation from content. CSS handles the look and feel of a web page by controlling color, fonts, spacing, sizing, backgrounds, and other visual aspects. CSS provides powerful control over HTML elements while keeping web pages lightweight and load faster. CSS rules can be applied internally, inline, or externally through linked style sheets to globally style elements across multiple web pages. Common CSS properties control color, fonts, text, backgrounds, borders, positioning, and visual effects.
This document provides an introduction and overview of Cascading Style Sheets (CSS). It discusses using CSS to control the appearance of websites by separating content from presentation. It describes various methods for including CSS with HTML, including inline styles, embedded style sheets within <style> tags, and external CSS files linked via <link> tags. Key CSS concepts covered include selectors, the CSS syntax of rules and declarations, and using type, class, ID and other selectors to target specific elements. Maintaining styles in external CSS files is presented as the preferred approach for organization and maintenance.
1. CSS (Cascading Style Sheets) is a language used to define the style and layout of web pages. CSS can be applied internally, inline, or through external style sheets.
2. There are different types of CSS selectors including tag selectors, ID selectors, and class selectors that allow styles to be applied to specific HTML elements. Common CSS properties define colors, fonts, spacing, and layout.
3. CSS3 introduces newer specifications like rounded corners, shadows, gradients, transitions, and transformations that expand on the original CSS standards. Features like custom fonts, multi-column layout, flexible box and grid layouts add additional styling capabilities.
Cordova training - Day 2 Introduction to CSS 3Binu Paul
This document provides an introduction to CSS3 and its key concepts. It discusses how CSS is used to control the style and presentation of HTML documents. The main topics covered include the advantages of CSS like time savings and easy maintenance, the different CSS modules, syntax involving selectors, properties and values, and how to include CSS through different methods. It also explains various CSS properties for styling text, backgrounds, borders, images and positioning elements.
This document discusses various topics related to Cascading Style Sheets (CSS). It begins with definitions of CSS, its versions (CSS1, CSS2, CSS3), and differences between HTML, CSS and JavaScript. It then covers CSS basic syntax, applying CSS to HTML documents using inline, internal and external stylesheets, CSS selectors like ID, class, and various other advanced selectors. The document provides examples to explain concepts like CSS lengths and units, border, margin, padding properties and more.
CSS is used to style and lay out web pages. It separates the presentation of HTML elements from the content. CSS rules consist of selectors that point to HTML elements and declarations that apply styles like colors, fonts, sizes etc. CSS rules cascade from broad to specific. More specific selectors override broader ones. CSS can be applied via external stylesheets, internal stylesheets or inline styles. Pseudo-classes can style elements in special states like hover. Media queries allow responsive designs for different screen sizes.
This document discusses CSS (Cascading Style Sheets) and how it can be used to style web pages. It begins by defining CSS and listing some of its main advantages, such as allowing reuse of styles across pages and faster loading times. It then covers CSS syntax, selectors, properties and values. The document also discusses the different methods of associating CSS with HTML, including inline, internal and external stylesheets. Finally, it provides examples of how to style specific elements like fonts, text, backgrounds and more using CSS.
Cascading Style Sheets (CSS) is a language for styling web pages that separates presentation from content. CSS handles the look and feel of a web page by controlling color, fonts, spacing, sizing, backgrounds, and other visual aspects. CSS provides powerful control over HTML elements while keeping web pages lightweight and load faster. CSS rules can be applied internally, inline, or externally through linked style sheets to globally style elements across multiple web pages. Common CSS properties control color, fonts, text, backgrounds, borders, positioning, and visual effects.
This document provides an introduction and overview of Cascading Style Sheets (CSS). It discusses using CSS to control the appearance of websites by separating content from presentation. It describes various methods for including CSS with HTML, including inline styles, embedded style sheets within <style> tags, and external CSS files linked via <link> tags. Key CSS concepts covered include selectors, the CSS syntax of rules and declarations, and using type, class, ID and other selectors to target specific elements. Maintaining styles in external CSS files is presented as the preferred approach for organization and maintenance.
1. CSS (Cascading Style Sheets) is a language used to define the style and layout of web pages. CSS can be applied internally, inline, or through external style sheets.
2. There are different types of CSS selectors including tag selectors, ID selectors, and class selectors that allow styles to be applied to specific HTML elements. Common CSS properties define colors, fonts, spacing, and layout.
3. CSS3 introduces newer specifications like rounded corners, shadows, gradients, transitions, and transformations that expand on the original CSS standards. Features like custom fonts, multi-column layout, flexible box and grid layouts add additional styling capabilities.
Cordova training - Day 2 Introduction to CSS 3Binu Paul
This document provides an introduction to CSS3 and its key concepts. It discusses how CSS is used to control the style and presentation of HTML documents. The main topics covered include the advantages of CSS like time savings and easy maintenance, the different CSS modules, syntax involving selectors, properties and values, and how to include CSS through different methods. It also explains various CSS properties for styling text, backgrounds, borders, images and positioning elements.
This document discusses various topics related to Cascading Style Sheets (CSS). It begins with definitions of CSS, its versions (CSS1, CSS2, CSS3), and differences between HTML, CSS and JavaScript. It then covers CSS basic syntax, applying CSS to HTML documents using inline, internal and external stylesheets, CSS selectors like ID, class, and various other advanced selectors. The document provides examples to explain concepts like CSS lengths and units, border, margin, padding properties and more.
CSS is used to style and lay out web pages. It separates the presentation of HTML elements from the content. CSS rules consist of selectors that point to HTML elements and declarations that apply styles like colors, fonts, sizes etc. CSS rules cascade from broad to specific. More specific selectors override broader ones. CSS can be applied via external stylesheets, internal stylesheets or inline styles. Pseudo-classes can style elements in special states like hover. Media queries allow responsive designs for different screen sizes.
Cascading Style Sheets (CSS) is a language for styling web pages that allows separation of document content from document presentation. CSS controls the look and formatting of content like colors, layout, fonts, and more. There are several ways to associate CSS with HTML documents, including internal CSS within <style> tags, inline CSS with the style attribute, external CSS in a .css file linked via <link>, and @import rules. CSS rules are made of selectors, properties, and values to style elements. Common properties include color, font-family, background, and text-align. CSS handles global presentation of content across devices.
Cascading Styling Sheets(CSS) simple design language intended to transform th...JebaRaj26
1.Inline CSS
2. Internal
3.External
Inline CSS: Inline CSS contains the CSS property in the body section attached to the element is known as inline CSS. This kind of style is specified within an HTML tag using the style attribute.
<html>
<head>
<title>Inline CSS</title>
</head>
<body>
<p style="color:#009900; font-size:50px;
font-style:italic; text-align:center;">
Nesamony Memorial Christian College
</p>
</body>
</html>
Internal or Embedded CSS: This can be used when a single HTML document must be styled uniquely. The CSS rule set should be within the HTML file in the head section i.e. the CSS is embedded within the <style> tag inside the head section of the HTML file.
<html>
<head>
<title>Internal CSS</title>
<style>
.main {
text-align: center;
}
.mca {
color: #009900;
font-size: 50px;
font-weight: bold;
}
.nmcc {
font-style: bold;
font-size: 20px;
}
</style>
</head>
External CSS: External CSS contains separate CSS files that contain only style properties with the help of tag attributes (For example class, id, heading, … etc).
CSS property is written in a separate file with a .css extension and should be linked to the HTML document using a link tag. It means that, for each element, style can be set only once and will be applied across web pages.
<html>
<head>
<link rel="stylesheet" href="geeks.css" />
</head>
<body>
<div class="main">
<div class=“mca">Department of Computer Science & Applications</div>
<div id=“nmcc">
Basics of Web Design
</div>
</div>
</body>
</html>
This document discusses CSS positioning properties. It explains static positioning as the default normal flow layout. It describes float as removing an element from the flow and allowing other content to wrap around it. Relative positioning is defined as positioning an element relative to its static position, while fixed takes an element out of flow and positions it relative to the browser window. Absolute positioning positions an element relative to its first positioned ancestor, removing it from the flow. Examples are given for float, relative, fixed, and absolute. Class exercises provide opportunities to practice these positioning techniques.
This document provides an introduction to Cascading Style Sheets (CSS) including:
- CSS is used to describe the presentation of documents including sizes, spacing, fonts, colors, and layout.
- CSS separates content from presentation by defining styles in a separate CSS file rather than within HTML tags.
- CSS rules consist of selectors, declarations separated by semicolons, and properties and values separated by colons to style specific elements.
Css training tutorial css3 & css4 essentialsQA TrainingHub
Learn CSS - Cascading style Sheets to crate awsome looking for your general html Ui & Create responsive HTML Templates by understanding this css tutorial
CSS (Cascading Style Sheets) is used to determine the display and formatting of HTML elements. It separates content from presentation. There are three ways to use CSS - inline styles within HTML elements, internal style sheets within the <head> section, and external style sheets in separate files linked via <link> tags. External style sheets allow consistent formatting across multiple pages by editing one file. Browsers prioritize conflicting styles based on their origin, with inline styles taking highest priority and external styles the lowest.
This document provides an introduction and overview of Cascading Style Sheets (CSS). It defines CSS as used to format and style web pages, describes the advantages of using CSS including simplifying design changes and creating style sheets for different audiences. It then explains the basic syntax of CSS using examples and describes the three types of CSS styles: internal, inline, and external styles. Finally, it outlines different CSS selectors including element, id, and class selectors and provides an example of how to use CSS to style an HTML table.
CSS (Cascading Style Sheets) allows separation of design and content on web pages. It was created in 1994 and has become the W3C standard for controlling visual presentation. Using CSS provides advantages like faster downloads, streamlined maintenance, global design control, and cost savings through reduced bandwidth and higher search engine rankings. CSS can be applied through inline styles, embedded style sheets, or external style sheets linked via HTML. Resources for learning more about CSS include various websites documenting its capabilities and best practices.
The document discusses CSS concepts including selectors, box model, fonts, and dimensions. It provides examples of different CSS selectors like element, id, class, and universal selectors. It also explains the CSS box model including content, padding, border, and margin. Examples are given for specifying fonts and setting height/width dimensions. The document appears to be notes from a lab session on CSS.
This document provides an overview of CSS (Cascading Style Sheets) for computer science students. It discusses:
- The background and goals of CSS including separating structure and presentation, easing website updates, and maintaining consistency.
- An overview of key CSS concepts including rules, selectors, the parse tree, inheritance, and the cascade order for determining which styles apply.
- Visual formatting techniques including specifying fonts, colors, image positioning, the box model, and borders.
- Methods for dual presentation to ensure usable content if CSS is not supported or not working properly, such as hiding non-essential content and using parsing bugs for browser detection.
This document provides an overview of CSS (Cascading Style Sheets) for computer science students. It discusses:
1. The background and goals of CSS including making updates to many pages at once and maintaining consistency.
2. An overview of CSS including color, font, border, and position.
3. How CSS works by applying rules through selectors that match elements and applying properties to change presentation. The cascade determines which rules take precedence.
4. Examples of using CSS for visual formatting of fonts, colors, images, and applying the box model for layout.
This document provides an overview of CSS (Cascading Style Sheets) for computer science students. It discusses the background and goals of CSS, including making it easy to update many pages at once and maintain consistency. It also summarizes how CSS works through rules, selectors, and the cascade to match rules to elements in the parse tree. The document outlines key CSS concepts like visual formatting, fonts, colors, positioning, and hiding CSS for dual presentation in browsers with and without full CSS support.
This is the CSS Tutorial for Beginners that teach the basics of CSS. This tutorial will show the basic structure of a CSS style and will show 3 different methods to apply styles.
This document is a chapter from a textbook on web development and design. It covers key concepts about cascading style sheets (CSS) including: describing the evolution of style sheets and advantages of CSS; using color, text properties, and different types of style sheets (inline, embedded, external); creating CSS selectors; and validating CSS. The chapter provides examples and instructions for applying CSS styles to configure properties like color, text formatting, and selectors. It also discusses CSS guidelines, troubleshooting, and validation services.
Act Academy provides Industrial training in PHP, .Net, graphic designing, web designing and many more. Also provides diploma courses in CAD designing, Financial accounting with 100% job assurances.
Cascading Style Sheets (CSS) allows obtaining full control over HTML elements and their default properties. CSS can be used to easily redefine properties of any HTML tag, opening new design opportunities. Styles defined in CSS can be reused throughout an HTML document or across multiple pages for consistent formatting. The document discusses different methods of implementing CSS, including inline, internal, and external stylesheets. It also covers various CSS properties for formatting text, fonts, colors, backgrounds, lists, borders, opacity, and more. Examples are provided to demonstrate different CSS declarations.
1) The document introduces CSS (Cascading Style Sheets) and discusses how it is used to separate HTML content from presentation through external style sheets, embedded styles, and inline styles.
2) It covers basic CSS syntax including selectors, declarations, properties, and values. Common text-related properties like font, color, size, and alignment are described.
3) The "cascade" of CSS is explained, with browser, user, and author styles having different levels of precedence based on specificity and importance. This determines which styles will apply when conflicts occur.
This document discusses strings in C programming. It covers declaring and initializing strings, reading strings from users, and passing strings to functions. Strings are arrays of characters terminated by a null character. Strings can be initialized and declared at the same time or initialized using pointers. The scanf() function only reads the first word of input while gets() reads a full line. Examples are provided to demonstrate reading strings from users using different methods.
This document discusses different types of operators in C programming language including assignment, arithmetic, relational, logical, and bitwise operators. It provides examples of using each type of operator and explains their functionality. The objectives are to explain assignment operators, arithmetic expressions, relational and logical operators, bitwise logical operators and expressions, operator precedence, and type casts in C. Code examples are included to demonstrate the use of various operators.
More Related Content
Similar to Building Next Generation Websites Session5
Cascading Style Sheets (CSS) is a language for styling web pages that allows separation of document content from document presentation. CSS controls the look and formatting of content like colors, layout, fonts, and more. There are several ways to associate CSS with HTML documents, including internal CSS within <style> tags, inline CSS with the style attribute, external CSS in a .css file linked via <link>, and @import rules. CSS rules are made of selectors, properties, and values to style elements. Common properties include color, font-family, background, and text-align. CSS handles global presentation of content across devices.
Cascading Styling Sheets(CSS) simple design language intended to transform th...JebaRaj26
1.Inline CSS
2. Internal
3.External
Inline CSS: Inline CSS contains the CSS property in the body section attached to the element is known as inline CSS. This kind of style is specified within an HTML tag using the style attribute.
<html>
<head>
<title>Inline CSS</title>
</head>
<body>
<p style="color:#009900; font-size:50px;
font-style:italic; text-align:center;">
Nesamony Memorial Christian College
</p>
</body>
</html>
Internal or Embedded CSS: This can be used when a single HTML document must be styled uniquely. The CSS rule set should be within the HTML file in the head section i.e. the CSS is embedded within the <style> tag inside the head section of the HTML file.
<html>
<head>
<title>Internal CSS</title>
<style>
.main {
text-align: center;
}
.mca {
color: #009900;
font-size: 50px;
font-weight: bold;
}
.nmcc {
font-style: bold;
font-size: 20px;
}
</style>
</head>
External CSS: External CSS contains separate CSS files that contain only style properties with the help of tag attributes (For example class, id, heading, … etc).
CSS property is written in a separate file with a .css extension and should be linked to the HTML document using a link tag. It means that, for each element, style can be set only once and will be applied across web pages.
<html>
<head>
<link rel="stylesheet" href="geeks.css" />
</head>
<body>
<div class="main">
<div class=“mca">Department of Computer Science & Applications</div>
<div id=“nmcc">
Basics of Web Design
</div>
</div>
</body>
</html>
This document discusses CSS positioning properties. It explains static positioning as the default normal flow layout. It describes float as removing an element from the flow and allowing other content to wrap around it. Relative positioning is defined as positioning an element relative to its static position, while fixed takes an element out of flow and positions it relative to the browser window. Absolute positioning positions an element relative to its first positioned ancestor, removing it from the flow. Examples are given for float, relative, fixed, and absolute. Class exercises provide opportunities to practice these positioning techniques.
This document provides an introduction to Cascading Style Sheets (CSS) including:
- CSS is used to describe the presentation of documents including sizes, spacing, fonts, colors, and layout.
- CSS separates content from presentation by defining styles in a separate CSS file rather than within HTML tags.
- CSS rules consist of selectors, declarations separated by semicolons, and properties and values separated by colons to style specific elements.
Css training tutorial css3 & css4 essentialsQA TrainingHub
Learn CSS - Cascading style Sheets to crate awsome looking for your general html Ui & Create responsive HTML Templates by understanding this css tutorial
CSS (Cascading Style Sheets) is used to determine the display and formatting of HTML elements. It separates content from presentation. There are three ways to use CSS - inline styles within HTML elements, internal style sheets within the <head> section, and external style sheets in separate files linked via <link> tags. External style sheets allow consistent formatting across multiple pages by editing one file. Browsers prioritize conflicting styles based on their origin, with inline styles taking highest priority and external styles the lowest.
This document provides an introduction and overview of Cascading Style Sheets (CSS). It defines CSS as used to format and style web pages, describes the advantages of using CSS including simplifying design changes and creating style sheets for different audiences. It then explains the basic syntax of CSS using examples and describes the three types of CSS styles: internal, inline, and external styles. Finally, it outlines different CSS selectors including element, id, and class selectors and provides an example of how to use CSS to style an HTML table.
CSS (Cascading Style Sheets) allows separation of design and content on web pages. It was created in 1994 and has become the W3C standard for controlling visual presentation. Using CSS provides advantages like faster downloads, streamlined maintenance, global design control, and cost savings through reduced bandwidth and higher search engine rankings. CSS can be applied through inline styles, embedded style sheets, or external style sheets linked via HTML. Resources for learning more about CSS include various websites documenting its capabilities and best practices.
The document discusses CSS concepts including selectors, box model, fonts, and dimensions. It provides examples of different CSS selectors like element, id, class, and universal selectors. It also explains the CSS box model including content, padding, border, and margin. Examples are given for specifying fonts and setting height/width dimensions. The document appears to be notes from a lab session on CSS.
This document provides an overview of CSS (Cascading Style Sheets) for computer science students. It discusses:
- The background and goals of CSS including separating structure and presentation, easing website updates, and maintaining consistency.
- An overview of key CSS concepts including rules, selectors, the parse tree, inheritance, and the cascade order for determining which styles apply.
- Visual formatting techniques including specifying fonts, colors, image positioning, the box model, and borders.
- Methods for dual presentation to ensure usable content if CSS is not supported or not working properly, such as hiding non-essential content and using parsing bugs for browser detection.
This document provides an overview of CSS (Cascading Style Sheets) for computer science students. It discusses:
1. The background and goals of CSS including making updates to many pages at once and maintaining consistency.
2. An overview of CSS including color, font, border, and position.
3. How CSS works by applying rules through selectors that match elements and applying properties to change presentation. The cascade determines which rules take precedence.
4. Examples of using CSS for visual formatting of fonts, colors, images, and applying the box model for layout.
This document provides an overview of CSS (Cascading Style Sheets) for computer science students. It discusses the background and goals of CSS, including making it easy to update many pages at once and maintain consistency. It also summarizes how CSS works through rules, selectors, and the cascade to match rules to elements in the parse tree. The document outlines key CSS concepts like visual formatting, fonts, colors, positioning, and hiding CSS for dual presentation in browsers with and without full CSS support.
This is the CSS Tutorial for Beginners that teach the basics of CSS. This tutorial will show the basic structure of a CSS style and will show 3 different methods to apply styles.
This document is a chapter from a textbook on web development and design. It covers key concepts about cascading style sheets (CSS) including: describing the evolution of style sheets and advantages of CSS; using color, text properties, and different types of style sheets (inline, embedded, external); creating CSS selectors; and validating CSS. The chapter provides examples and instructions for applying CSS styles to configure properties like color, text formatting, and selectors. It also discusses CSS guidelines, troubleshooting, and validation services.
Act Academy provides Industrial training in PHP, .Net, graphic designing, web designing and many more. Also provides diploma courses in CAD designing, Financial accounting with 100% job assurances.
Cascading Style Sheets (CSS) allows obtaining full control over HTML elements and their default properties. CSS can be used to easily redefine properties of any HTML tag, opening new design opportunities. Styles defined in CSS can be reused throughout an HTML document or across multiple pages for consistent formatting. The document discusses different methods of implementing CSS, including inline, internal, and external stylesheets. It also covers various CSS properties for formatting text, fonts, colors, backgrounds, lists, borders, opacity, and more. Examples are provided to demonstrate different CSS declarations.
1) The document introduces CSS (Cascading Style Sheets) and discusses how it is used to separate HTML content from presentation through external style sheets, embedded styles, and inline styles.
2) It covers basic CSS syntax including selectors, declarations, properties, and values. Common text-related properties like font, color, size, and alignment are described.
3) The "cascade" of CSS is explained, with browser, user, and author styles having different levels of precedence based on specificity and importance. This determines which styles will apply when conflicts occur.
Similar to Building Next Generation Websites Session5 (20)
This document discusses strings in C programming. It covers declaring and initializing strings, reading strings from users, and passing strings to functions. Strings are arrays of characters terminated by a null character. Strings can be initialized and declared at the same time or initialized using pointers. The scanf() function only reads the first word of input while gets() reads a full line. Examples are provided to demonstrate reading strings from users using different methods.
This document discusses different types of operators in C programming language including assignment, arithmetic, relational, logical, and bitwise operators. It provides examples of using each type of operator and explains their functionality. The objectives are to explain assignment operators, arithmetic expressions, relational and logical operators, bitwise logical operators and expressions, operator precedence, and type casts in C. Code examples are included to demonstrate the use of various operators.
This document discusses different types of operators in C programming language including assignment, arithmetic, relational, logical, and bitwise operators. It provides examples of using each type of operator and explains their functionality. The objectives are to explain assignment operators, arithmetic expressions, relational and logical operators, bitwise logical operators and expressions, operator precedence, and type casts in C. Code examples are included to demonstrate the use of various operators.
This document discusses variables and data types in C programming. It defines variables and constants, and differentiates between them. It then lists and describes various data types in C like integer, float, double, char, and void. It explains how to declare variables of different data types and the memory space allocated to each data type. It also discusses identifiers, keywords, and the acceptable naming conventions for variables in C programming.
The document discusses the basics of C programming language. It defines commands, programs, and software. C was created in 1972 and is well-suited for systems programming and operating systems. The structure of a C program includes main functions, delimiters, comments, and the standard library. Problems are solved through algorithms, pseudocode, and flowcharts which use symbols to represent program logic and control flow.
Web storage allows web applications to store data locally within the user's browser. There are two objects for storing data: localStorage and sessionStorage. localStorage stores data with no expiration date, while sessionStorage stores data only for the duration of the browser session. The document provides code examples for using both localStorage and sessionStorage to store and retrieve data in the browser.
JQuery is a JavaScript library that makes it easier to use JavaScript on websites. It allows developers to select HTML elements and perform actions on them with simple method calls. Some key points covered include how to include JQuery in an HTML page, common selectors to select elements, and examples of using JQuery to modify CSS styles and handle events like clicks and hovers. Events in JQuery allow responding to user actions, and methods like hide(), show(), toggle() allow changing the visibility of elements.
The document is a presentation on loops and arrays in JavaScript. It covers various types of loops like for, while, do-while and for-in loops. It provides examples of how to use each loop and explains their syntax. It also covers single and multi-dimensional arrays in JavaScript, how to create and access array elements, and methods like sort() and reverse(). The overall goal is to teach the audience about loops and arrays in JavaScript through explanations, code examples and objectives.
The document provides an introduction to JavaScript, including:
- An overview of scripting and how it allows dynamic web pages
- An explanation of JavaScript as a client-side scripting language that provides interactivity
- Details on variables, functions, and methods in JavaScript for displaying information
- A discussion of events and event handling in JavaScript
- An example case of validating user inputs and calculating totals for an online shopping site
The presentation provides code examples and explanations to demonstrate JavaScript concepts.
This document discusses audio and video support in HTML5. It covers the audio and video elements that allow embedding multimedia content in web pages without requiring plugins. The audio element is used to embed audio files while the video element embeds video files. Both support various attributes to control playback like autoplay, controls, and loop. Common audio and video file formats like MP3, MP4, Ogg and WebM are supported in HTML5. The document provides examples of using the audio and video elements and describes their attributes.
The HTML 5 Geolocation API allows websites to locate a user's position. It is most accurate for devices with GPS like iPhones. Major browsers like Chrome, IE, Firefox and Safari support the Geolocation API. Developers can check if the API is supported and use the getCurrentPosition() method to retrieve latitude and longitude coordinates to display on a map. Code examples are provided to output location data and display it on a map using the Google Maps static API. A video also demonstrates using the Geolocation API.
This document discusses navigational aids and division-based layout in HTML5. It begins by listing the objectives of explaining semantic tags, tag layouts, navigation bars, and divisions. It then introduces the topic and defines semantic tags, including structural tags like header, nav, footer, section, article, and aside, as well as text-level tags like mark, time, meter, and progress. Next, it covers navigation bars, including text-based and graphical navigation bars. It also discusses image sizing, padding, thumbnails, captions, and CSS3 transitions.
This document discusses displaying graphics and CSS3 animations. It begins by outlining the objectives of explaining graphic formatting, insertion, sizing and padding in web pages as well as describing CSS3 animations and their use on mobile devices. The document then provides details on graphic formats like JPEG, GIF and PNG as well as lossless and lossy compression. It describes how to insert images using <img> tags and size images with CSS. The document also covers CSS3 transitions and animations, including how to configure properties like @keyframes, animation-name and animation-duration.
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 provides an introduction to CSS3 and discusses its modules, syntax, selectors, and cascading order. CSS3 is divided into modules that add new capabilities to CSS2. The syntax of CSS consists of selectors, properties, and values. There are different types of selectors including type, class, ID, and universal selectors. Styles are applied according to their source and type of style sheet, with external stylesheets having the highest priority.
This document discusses how to create hyperlinks and anchors in HTML. It covers:
- Defining hyperlinks using the <a> tag and href attribute to link to other pages, emails, files and sections of the same page
- Using absolute and relative paths for file links
- Different target attributes like _blank, _self, _parent and _top for controlling where links open
- Creating email links using mailto and adding subject lines
- Linking to other file types like documents, images and zip files
This document discusses how to create hyperlinks and anchors in HTML. It covers:
- Defining hyperlinks using the <a> tag and href attribute to link to other pages, emails, files and sections of the same page
- Using absolute and relative paths for file links
- Different target attributes like _blank, _self, _parent and _top for controlling where links open
- Creating email links using mailto and adding subject lines
- Linking to other file types like documents, images and zip files
This document discusses how to insert various objects like pictures, tables, charts and screenshots into PowerPoint presentations. It explains how to apply animations to objects within slides and transitions between slides. It provides step-by-step instructions for inserting different types of objects, applying animations and customizing animation and transition effects.
Project Management: The Role of Project Dashboards.pdfKarya Keeper
Project management is a crucial aspect of any organization, ensuring that projects are completed efficiently and effectively. One of the key tools used in project management is the project dashboard, which provides a comprehensive view of project progress and performance. In this article, we will explore the role of project dashboards in project management, highlighting their key features and benefits.
Odoo releases a new update every year. The latest version, Odoo 17, came out in October 2023. It brought many improvements to the user interface and user experience, along with new features in modules like accounting, marketing, manufacturing, websites, and more.
The Odoo 17 update has been a hot topic among startups, mid-sized businesses, large enterprises, and Odoo developers aiming to grow their businesses. Since it is now already the first quarter of 2024, you must have a clear idea of what Odoo 17 entails and what it can offer your business if you are still not aware of it.
This blog covers the features and functionalities. Explore the entire blog and get in touch with expert Odoo ERP consultants to leverage Odoo 17 and its features for your business too.
An Overview of Odoo ERP
Odoo ERP was first released as OpenERP software in February 2005. It is a suite of business applications used for ERP, CRM, eCommerce, websites, and project management. Ten years ago, the Odoo Enterprise edition was launched to help fund the Odoo Community version.
When you compare Odoo Community and Enterprise, the Enterprise edition offers exclusive features like mobile app access, Odoo Studio customisation, Odoo hosting, and unlimited functional support.
Today, Odoo is a well-known name used by companies of all sizes across various industries, including manufacturing, retail, accounting, marketing, healthcare, IT consulting, and R&D.
The latest version, Odoo 17, has been available since October 2023. Key highlights of this update include:
Enhanced user experience with improvements to the command bar, faster backend page loading, and multiple dashboard views.
Instant report generation, credit limit alerts for sales and invoices, separate OCR settings for invoice creation, and an auto-complete feature for forms in the accounting module.
Improved image handling and global attribute changes for mailing lists in email marketing.
A default auto-signature option and a refuse-to-sign option in HR modules.
Options to divide and merge manufacturing orders, track the status of manufacturing orders, and more in the MRP module.
Dark mode in Odoo 17.
Now that the Odoo 17 announcement is official, let’s look at what’s new in Odoo 17!
What is Odoo ERP 17?
Odoo 17 is the latest version of one of the world’s leading open-source enterprise ERPs. This version has come up with significant improvements explained here in this blog. Also, this new version aims to introduce features that enhance time-saving, efficiency, and productivity for users across various organisations.
Odoo 17, released at the Odoo Experience 2023, brought notable improvements to the user interface and added new functionalities with enhancements in performance, accessibility, data analysis, and management, further expanding its reach in the market.
INTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLESanfaltahir1010
Image: Include an image that represents the concept of precision, such as a AI helix or a futuristic healthcare
setting.
Objective: Provide a foundational understanding of precision medicine and its departure from traditional
approaches
Role of theory: Discuss how genomics, the study of an organism's complete set of AI ,
plays a crucial role in precision medicine.
Customizing treatment plans: Highlight how genetic information is used to customize
treatment plans based on an individual's genetic makeup.
Examples: Provide real-world examples of successful application of AI such as genetic
therapies or targeted treatments.
Importance of molecular diagnostics: Explain the role of molecular diagnostics in identifying
molecular and genetic markers associated with diseases.
Biomarker testing: Showcase how biomarker testing aids in creating personalized treatment plans.
Content:
• Ethical issues: Examine ethical concerns related to precision medicine, such as privacy, consent, and
potential misuse of genetic information.
• Regulations and guidelines: Present examples of ethical guidelines and regulations in place to safeguard
patient rights.
• Visuals: Include images or icons representing ethical considerations.
Content:
• Ethical issues: Examine ethical concerns related to precision medicine, such as privacy, consent, and
potential misuse of genetic information.
• Regulations and guidelines: Present examples of ethical guidelines and regulations in place to safeguard
patient rights.
• Visuals: Include images or icons representing ethical considerations.
Content:
• Ethical issues: Examine ethical concerns related to precision medicine, such as privacy, consent, and
potential misuse of genetic information.
• Regulations and guidelines: Present examples of ethical guidelines and regulations in place to safeguard
patient rights.
• Visuals: Include images or icons representing ethical considerations.
Real-world case study: Present a detailed case study showcasing the success of precision
medicine in a specific medical scenario.
Patient's journey: Discuss the patient's journey, treatment plan, and outcomes.
Impact: Emphasize the transformative effect of precision medicine on the individual's
health.
Objective: Ground the presentation in a real-world example, highlighting the practical
application and success of precision medicine.
Data challenges: Address the challenges associated with managing large sets of patient data in precision
medicine.
Technological solutions: Discuss technological innovations and solutions for handling and analyzing vast
datasets.
Visuals: Include graphics representing data management challenges and technological solutions.
Objective: Acknowledge the data-related challenges in precision medicine and highlight innovative solutions.
Data challenges: Address the challenges associated with managing large sets of patient data in precision
medicine.
Technological solutions: Discuss technological innovations and solutions
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...XfilesPro
Wondering how X-Sign gained popularity in a quick time span? This eSign functionality of XfilesPro DocuPrime has many advancements to offer for Salesforce users. Explore them now!
E-commerce Development Services- Hornet DynamicsHornet Dynamics
For any business hoping to succeed in the digital age, having a strong online presence is crucial. We offer Ecommerce Development Services that are customized according to your business requirements and client preferences, enabling you to create a dynamic, safe, and user-friendly online store.
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSISTier1 app
Are you ready to unlock the secrets hidden within Java thread dumps? Join us for a hands-on session where we'll delve into effective troubleshooting patterns to swiftly identify the root causes of production problems. Discover the right tools, techniques, and best practices while exploring *real-world case studies of major outages* in Fortune 500 enterprises. Engage in interactive lab exercises where you'll have the opportunity to troubleshoot thread dumps and uncover performance issues firsthand. Join us and become a master of Java thread dump analysis!
8 Best Automated Android App Testing Tool and Framework in 2024.pdfkalichargn70th171
Regarding mobile operating systems, two major players dominate our thoughts: Android and iPhone. With Android leading the market, software development companies are focused on delivering apps compatible with this OS. Ensuring an app's functionality across various Android devices, OS versions, and hardware specifications is critical, making Android app testing essential.
The Rising Future of CPaaS in the Middle East 2024Yara Milbes
Explore "The Rising Future of CPaaS in the Middle East in 2024" with this comprehensive PPT presentation. Discover how Communication Platforms as a Service (CPaaS) is transforming communication across various sectors in the Middle East.
Measures in SQL (SIGMOD 2024, Santiago, Chile)Julian Hyde
SQL has attained widespread adoption, but Business Intelligence tools still use their own higher level languages based upon a multidimensional paradigm. Composable calculations are what is missing from SQL, and we propose a new kind of column, called a measure, that attaches a calculation to a table. Like regular tables, tables with measures are composable and closed when used in queries.
SQL-with-measures has the power, conciseness and reusability of multidimensional languages but retains SQL semantics. Measure invocations can be expanded in place to simple, clear SQL.
To define the evaluation semantics for measures, we introduce context-sensitive expressions (a way to evaluate multidimensional expressions that is consistent with existing SQL semantics), a concept called evaluation context, and several operations for setting and modifying the evaluation context.
A talk at SIGMOD, June 9–15, 2024, Santiago, Chile
Authors: Julian Hyde (Google) and John Fremlin (Google)
https://doi.org/10.1145/3626246.3653374
Preparing Non - Technical Founders for Engaging a Tech AgencyISH Technologies
Preparing non-technical founders before engaging a tech agency is crucial for the success of their projects. It starts with clearly defining their vision and goals, conducting thorough market research, and gaining a basic understanding of relevant technologies. Setting realistic expectations and preparing a detailed project brief are essential steps. Founders should select a tech agency with a proven track record and establish clear communication channels. Additionally, addressing legal and contractual considerations and planning for post-launch support are vital to ensure a smooth and successful collaboration. This preparation empowers non-technical founders to effectively communicate their needs and work seamlessly with their chosen tech agency.Visit our site to get more details about this. Contact us today www.ishtechnologies.com.au
UI5con 2024 - Bring Your Own Design SystemPeter Muessig
How do you combine the OpenUI5/SAPUI5 programming model with a design system that makes its controls available as Web Components? Since OpenUI5/SAPUI5 1.120, the framework supports the integration of any Web Components. This makes it possible, for example, to natively embed own Web Components of your design system which are created with Stencil. The integration embeds the Web Components in a way that they can be used naturally in XMLViews, like with standard UI5 controls, and can be bound with data binding. Learn how you can also make use of the Web Components base class in OpenUI5/SAPUI5 to also integrate your Web Components and get inspired by the solution to generate a custom UI5 library providing the Web Components control wrappers for the native ones.
What to do when you have a perfect model for your software but you are constrained by an imperfect business model?
This talk explores the challenges of bringing modelling rigour to the business and strategy levels, and talking to your non-technical counterparts in the process.
2. Objectives
Identify the new functions of CSS3
Explain the different types of selectors
Explain nested tags
Define Classes and IDs for applying styles
Explain the process to apply styles to hyperlink
Presented by Muhammad Ehtisham Siddiqui (BSCS)
2
3. Introduction of CSS
Presented by Muhammad Ehtisham Siddiqui
(BSCS)
3
Cascading Style Sheet (CSS) is a style sheet language
It informs the browser how to present a document
It uses a markup language for describing the presentation
semantics of a document.
It defines how HTML elements are to be displayed
4. CSS3
Presented by Muhammad Ehtisham Siddiqui
(BSCS)
4
Used for adding style such as fonts, colors, and spacing to Web
documents.
Has multiple levels and profiles.
Updates each level of CSS from the earlier version, by adding new
features
Denotes version as CSS1, CSS2, CSS3, and CSS4, where the
numbers are different for each version or level.
Is divided into multiple documents called “modules” and each of
these modules have new capabilities or extends the features
present in CSS2.
Started drafting of CSS3 when publication of the original CSS2
recommendation was released.
5. Modules
Presented by Muhammad Ehtisham Siddiqui (BSCS)
5
As CSS3 is available as modules and is still evolving, there
are many modules having different stability and status.
Only three modules are released as recommendations and
they are as follows:
CSS Color level 3
CSS Namespaces
Selectors Level 3
Modules that are stable and in recommendation stage are as
follows:
Media Queries
CSS Style Attributes
6. Modules
Presented by Muhammad Ehtisham Siddiqui (BSCS)
6
Modules that are in testing phase and in recommendation stage are
as follows:
CSS Background and Borders Level 3
CSS Image Values and Replaced Content Level 3
CSS Marquee
CSS Multi-column Layout
CSS Speech
CSS Mobile Profile 2.0
CSS TV Profile 1.0
Modules that are in refining phase and in working draft stage are as
follows:
CSS Transforms
CSS Transitions
CSS Values and Units Level 3
CSS Print Profile
7. Modules
Presented by Muhammad Ehtisham Siddiqui (BSCS)
7
Modules that are in revising phase and in working draft and
recommendation stage are as follows:
CSS Animations
CSS Flexible Box Layout
CSS Fonts Level 3
CSS Text Level 3
CSS Basic User Interface Level 3
CSS Writing Modes Level 3
Some of the following modules are in exploring phase and in
working draft stage:
CSS Cascading and Inheritance Level 3
CSS Conditional Rules Level 3
CSS Grid Layout
CSS Line Grid
8. Modules
Presented by Muhammad Ehtisham Siddiqui (BSCS)
8
Modules that are in rewriting phase and in working draft stage are
as follows:
CSS Line Layout Level 3
CSS Ruby
CSS Syntax Level 3
Modules that are in abandoned phase and in working draft stage
are as follows:
Behavioral Extensions to CSS
CSS Hyperlink Presentation
9. CSS Syntax
Presented by Muhammad Ehtisham Siddiqui (BSCS)
9
Syntax of CSS consists of three parts namely, selector, property,
and value.
Selector is an HTML element for which you want to specify the style
or the formatting instruction.
Property of a selected element is a CSS property that specifies the
type of the style to be applied to the selector.
Value refers to the value of the CSS property and a CSS property
can have multiple values.
Property and the value for a selector are separated with a colon (:).
They are enclosed within the curly brackets ({}) that is known as the
declaration block.
10. CSS Syntax
Presented by Muhammad Ehtisham Siddiqui (BSCS)
10
You can specify multiple property-value pairs for a selector, which
are separated by a semicolon (;) within the declaration block..
You can specify multiple selectors for a single property by grouping
the selectors. To group the selectors, the selectors are separated by
commas followed by a declaration block of properties and values.
You can specify properties for multiple selectors. Here, the comma-
separated selectors are followed with multiple property-value pairs
11. Length Measurement Units
Presented by Muhammad Ehtisham Siddiqui (BSCS)
11
CSS uses various units of measurements for specifying size of the
font, width, and height of margins, and so on.
These units measure the horizontal and vertical length of the content.
CSS supports two types of length measurement units namely, relative
and absolute.
Relative length specifies the length units related to other length
property that are calculated in comparison to a current value.
Following table lists some of the relative length units.
Relative
Length
Description
em Specifies the font size (height) of a particular font. The em unit is
relative to the value of the font-size property of the selector
ex Specifies the ‘x-height’ of a particular font. The ‘x-height’ value is
approximately half the font size or the height of the lowercase letter
‘x
px Specifies the size in pixels, which is relative to the screen of the
12. Length Measurement Units
Presented by Muhammad Ehtisham Siddiqui (BSCS)
12
Absolute lengths are specified when the Web page designer is aware
of the physical properties of the output device and are specific and
fixed values
Following table lists some of the absolute length units
Percentage allows specifying the length of the content, which is
relative to another value. Div1{
font-size:120%
}
Relative
Length
Description
in Specifies the size in inches, where 1 inch = 2.54 centimeters.
cm Specifies the size in centimeters
mm Specifies the size in millimeters
pt Specifies the size in points, where 1 point = 1/72th of an inch
pc Specifies the size in picas, where 1 pica = 12 points
13. Types of Style Sheets
Presented by Muhammad Ehtisham Siddiqui (BSCS)
13
14. External Style Sheet
Presented by Muhammad Ehtisham Siddiqui (BSCS)
14
With an external style sheet, you can change the look of an entire
website by changing just one file!
Each page must include a reference to the external style sheet file
inside the <link> element. The <link> element goes inside the
<head> section:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
body {
background-
color: lightblue;
}
h1 {
color: navy;
margin-
left: 20px;
}
15. Internal Style Sheet
Presented by Muhammad Ehtisham Siddiqui (BSCS)
15
An internal style sheet may be used if one single page has a unique
style.
Internal styles are defined within the <style> element, inside the
<head> section of an HTML page:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head><body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
16. Inline Styles
Presented by Muhammad Ehtisham Siddiqui (BSCS)
16
An inline style may be used to apply a unique style for a single
element.
To use inline styles, add the style attribute to the relevant element.
The style attribute can contain any CSS property.
The example below shows how to change the color and the left
margin of a <h1> element:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1 style="color:blue;margin-left:30px;">This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
17. Selectors
Presented by Muhammad Ehtisham Siddiqui (BSCS)
17
Selectors refer to the HTML elements with the styles that the users
want to apply to them.
The four different types of CSS selectors are as follows:
Universal selectors
Type selectors
ID selectors
Class selectors
18. Type Selector
Presented by Muhammad Ehtisham Siddiqui (BSCS)
18
Specifies the element name along with the styles to be applied to
that element
Results in application of the specified styles to all the occurrence of
that element in a Web page
Styles are specified only once for an HTML element and are applied
to all the occurrences of that elements
Syntax= element {
style properties
}
For example= a{ h1{
color:red; background-color:blue
} }
19. Class Selector
Presented by Muhammad Ehtisham Siddiqui (BSCS)
19
The .class selector selects elements with a specific class attribute.
To select elements with a specific class, write a period (.) character,
followed by the name of the class.
HTML elements can also refer to more than one class (look at
Example 2 below).
Syntax= .class {
css declarations;
}
For example=
.hometown {
background-color: yellow;
}
<p class=“hometown” />
20. Id Selector
Presented by Muhammad Ehtisham Siddiqui (BSCS)
20
The * selector selects all elements.
The * selector can also select all elements inside another element
(See "More Examples").
To reference an ID, you precede the ID name with a hash mark (#).
Syntax= #id {
CSS Declaration
}
For example=
21. Universal Selector
Presented by Muhammad Ehtisham Siddiqui (BSCS)
21
The universal selector denoted by *.
The * selector selects all elements.
The * selector can also select all elements inside another element
(See "More Examples").
To reference an ID, you precede the ID name with a hash mark (#).
Syntax= * {
CSS Declaration
}
For example=
div * {
background-color: yellow;
}
22. Generic Cascading Order
Presented by Muhammad Ehtisham Siddiqui (BSCS)
22
W3C has defied some rules for applying styles to an HTML element.
These rules are as follows.
Gather all the styles that are to be applied to an element.
Sort the declarations by the source and type of style sheet. The
source specifies the origin from where the styles are rendered.
The highest priority is given to the external style sheet defied by an
author.
The next priority is of the reader, which can be a software that reads the
content (screen reader software),and the last priority is of the browser.
23. Comments
Presented by Muhammad Ehtisham Siddiqui (BSCS)
23
A comment refers to the descriptive text that allows a Web page
designer to provide information about the CSS code.
Comments make the program more readable and help
the designer to explain the styles specified for elements.
The browser can identity comments as they are marked with special
characters, which are
‘/*’ and ‘*/’.
When the browser encounters these symbols, the text within them
are ignored
and are not displayed in the browser.
You can have single-line and multi-line comments in
the CSS fie.
24. Pseudo Classes
Presented by Muhammad Ehtisham Siddiqui (BSCS)
24
A pseudo-class is used to define a special state of an element.
For example, it can be used to:
Style an element when a user mouse over it
Style visited and unvisited links differently
Style an element when it gets focus
The syntax of pseudo-classes:
selector:pseudo-class {
property:value;
}
25. Pseudo Classes
Presented by Muhammad Ehtisham Siddiqui (BSCS)
25
Try this code
<!DOCTYPE html><html>
<head><style>
/* unvisited link */
a:link { color: red;}
/* visited link */
a:visited { color: green;}
/* mouse over link */
a:hover { color: hotpink;}
/* selected link */
a:active { color: blue;}
</style></head>
<body>
<p><b><a href="default.asp" target="_blank">This is a link</a></b></p>
<p><b>Note:</b> a:hover MUST come after a:link and a:visited in the CSS definition
in order to be effective.</p>
<p><b>Note:</b> a:active MUST come after a:hover in the CSS definition in order to
be effective.</p>
</body></html>
26. Pseudo Class Selectors
Presented by Muhammad Ehtisham Siddiqui (BSCS)
26
Selector Type Description
:link Links Is used for selecting all unvisited links
:visited Links Is used for selecting all visited links
:hover Links Is used for selecting links on mouse over
:active Links Is used for selecting the active link
:focus Inputs Selects links that are the current focus of the
keyboard.
:enabled Inputs Selects inputs that are in the default state of
enabled and ready to be used.
:disabled Inputs Selects inputs that have the disabled attribute.
:required Inputs Selects inputs with the required attribute.
:checked Inputs Selects checkboxes that are, wait for it, checked.
:read-
only / :read-write
Inputs Selects elements based on a combination
of readonly and disabled attriutes.
27. Pseudo Class Selectors
Presented by Muhammad Ehtisham Siddiqui (BSCS)
27
Selector Type Description
:root Position
based
Selects the element that is at the root of the
document.
:first-child Position
based
Selects the first element within a parent.
:last-child Position
based
Selects the last element within a parent.
:nth-child() Position
based
Selects elements based on a simple provided
algebraic expression (e.g. "2n" or "4n-1").
:empty Relational Selects elements which contain no text and no
child elements. Like: <p></p>
::first-letter Text Related Selects the first letter of the text in the element.
::first-line Text Related Selects the first line of text in the element.
::before Content
Related
Is able to add content before a certain element.
28. Styles to Hyperlinks
Presented by Muhammad Ehtisham Siddiqui (BSCS)
28
CSS can be used to change the appearance and behavior of
hyperlinks
There are two other ways to assign hyperlink styles namely, div specific
and Link specific.
A div specific hyperlink styles can be created and assigned to a specific
div and will have all the hyperlinks present within the div to follow the
specified rules
Class specific hyperlink styles generally uses a class than an id. A point
to note that an id can only be used once on a page whereas a class
can be used multiple times as required
For Example:
a {
color: hotpink;
}