intro_To_HTML_and__CSS_using_presentation.pptx

May 3, 2024Download as pptx, pdf0 likes19 views

html and css .. presentation about hyper text markup language and cascading style sheets used in web development projects.

Cascading Style Sheets
• Introduction
• Advantages
• History of css
• Versions of css
• CSS-3 Modules

Cascading Style Sheets
 Cascading Style Sheets, referred to as CSS, is a simple design
language intended to simplify the process of making web
pages presentable.
 CSS handles the look and feel part of a web page.
 Using CSS, you can control the color of the text, the style of
fonts, the spacing between paragraphs.
 How columns are sized and laid out, what background images
or colors are used, layout designs , variations in display for
different devices and screen sizes as well as a variety of other
effects.
 CSS is easy to learn and understand but it provides powerful
control over the presentation of an HTML document.
 Most commonly, CSS is combined with the markup languages
HTML or XHTML.

Advantages of CSS
CSS saves time − You can write CSS once and then
reuse same sheet in multiple HTML pages. You can
define a style for each HTML element and apply it to as
many Web pages as you want.
Pages load faster − If you are using CSS, you do not
need to write HTML tag attributes every time. Just write
one CSS rule of a tag and apply it to all the occurrences
of that tag. So less code means faster download times.
Easy maintenance − To make a global change, simply
change the style, and all elements in all the web pages
will be updated automatically.
Superior styles to HTML − CSS has a much wider
array of attributes than HTML, so you can give a far
better look to your HTML page in comparison to
HTML attributes.

Advantages of CSS
 Multiple Device Compatibility − Style sheets allow content
to be optimized for more than one type of device. By using
the same HTML document, different versions of a website
can be presented for handheld devices such as PDAs and cell
phones or for printing.
 Global web standards − Now HTML attributes are being
deprecated and it is being recommended to use CSS. So its a
good idea to start using CSS in all the HTML pages to make
them compatible to future browsers.
 Offline Browsing − CSS can store web applications locally
with the help of an offline cache . Using of this, we can view
offline websites . The cache also ensures faster loading and
better overall performance of the website.
 Platform Independence − The Script offer consistent
platform independence and can support latest browsers as
well.

History of CSS?
CSS was invented by Håkon Wium Lie on
October 10, 1994 and maintained through a group
of people within the W3C called the CSS
Working Group. The CSS Working Group creates
documents called specifications.
When a specification has been discussed and
officially ratified by W3C members, it becomes a
recommendation.
These ratified specifications are called
recommendations because the W3C has no
control over the actual implementation of the
language.

Versions of CSS
CSS-1
Cascading Style Sheets, level 1
(CSS1) was came out of W3C as a
recommendation in December 1996.
This version describes the CSS
language as well as a simple visual
formatting model for all the HTML
tags.

Versions of CSS
CSS-2
CSS2 was became a W3C
recommendation in May 1998 and builds
on CSS1.
 This version adds support for media-
specific style sheets e.g. printers and
aural devices, downloadable fonts,
element positioning and tables.

Versions of CSS
CSS-3
CSS3 was became a W3C
recommendation in June 1999 and builds
on older versions CSS.
 it has divided into documentations is
called as Modules and here each module
having new extension features defined in
CSS2.

CSS-3 Modules
CSS3 Modules are having old CSS
specifications as well as extension features
 Selectors
 Box Model
 Backgrounds and
Borders
 Image Values and
Replaced Content
 Text Effects
 2D/3D Transformations
 Animations
 Multiple Column Layout
 User Interface

CSS (Cascading Style Sheets) is a style sheet language that allows control over the presentation and layout of web pages. CSS handles the look and feel aspects of a web page by controlling things like colors, fonts, layout, and variations for different devices. CSS provides advantages like time savings through reuse of styles, faster page loads with less code, and easy maintenance through global style changes. The CSS language is created and maintained by the CSS Working Group within the W3C, and the ratified specifications become recommendations for implementation.

Introduction to CSSAursalanSayed

Vskills certified css designer NotesVskills

Css homeAbhishekMondal42

CSS is used to control the style and formatting of web documents. It allows for creating stunning web sites by controlling colors, fonts, layouts, and other design elements. CSS is also important for web designers and developers because it provides powerful but easy to learn controls over HTML formatting and applies styles consistently across pages. The basic structure of a CSS stylesheet uses selectors to target HTML elements and declarations to specify property values that control the appearance of those elements.

Chapter 3 - CSS.pdfwubiederebe1

This document provides an overview of Cascading Style Sheets (CSS) including: - CSS allows separation of document content from page layout/formatting through external style sheets or internal styles defined in <style> tags. - CSS has three levels (CSS1, CSS2, CSS3) that add new capabilities. CSS handles properties like fonts, sizes, colors, spacing and positioning of HTML elements. - Styles can be applied via internal, embedded, or external stylesheets. Inheritance allows CSS rules to apply to child elements. Conflicting styles are resolved through a cascading priority system.

SCSS ImplementationAmey Parab

SCSS is a an extension of CSS that adds power and elegance to the basic language. It helps keep large stylesheets well organized and get small stylesheets up and running quickly. This recipe provides a structured approach for using SCSS Pre-processor for your web applications. Features covered : • Pre-processing • Variables • Nesting • Partials • Imports • Mixins • Inheritance • Operators

lesson-1-introduction-html-and-css.pptxkulmiye2

HTML is a markup language used to structure web pages and define their content and presentation. It uses tags to mark elements like headings, paragraphs, lists, and more. CSS is used to style and lay out HTML elements, allowing separation of documentation structure and presentation. It helps make pages load faster, is easier to maintain globally, and has more styling options than HTML alone. CSS specifications are created and maintained by the W3C CSS Working Group and become recommendations when ratified.

Upstate CSCI 450 WebDev Chapter 3DanWooster1

CSS is used to style and lay out web pages. It allows separation of document content from document presentation, including elements like colors, fonts, layout. CSS saves a lot of work by controlling formatting across multiple pages through external style sheets. It was created by W3C to solve the problem of formatting tags being included in HTML, which made development of large websites expensive and time-consuming. CSS syntax uses selectors to target elements and declaration blocks to set properties and values to control styling.

Sass:-Syntactically Awesome Stylesheet by ShafeeqDignitasDigital1

Sass is a CSS pre-processor that allows for nesting, variables, mixins and other features not available in regular CSS. This helps reduce repetition and makes stylesheets more maintainable. Sass files use the extensions .sass or .scss and are compiled to regular CSS files. Popular tools for using Sass include the command line, CodeKit and other GUI apps. Key features of Sass include variables, nesting rules, partials, mixins and extending styles from one rule to another.

CSS OverviewTo Sum It Up

CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation and formatting of web documents written in HTML and XML. It allows developers to control layout, design, and appearance of web pages. CSS uses selectors to apply styles to elements based on attributes, class, ID, or position. Properties define styles for elements, and values determine how each element is styled. CSS separates content from presentation, promotes consistent design, and enables flexible and responsive layouts. It was proposed in the mid-1990s as a solution to limited styling in HTML.

css-presentation css file with your content add-ins for PowerPoint lets you c...ssc2rbl

using cascading style sheets-presentation.pptKADAMBARIPUROHIT

This document provides an overview of cascading style sheets (CSS) and how they can be used to control the style and formatting of web pages. Some key points: - CSS allows for more control over fonts, colors, spacing and other aspects of web page appearance through style rules defined in external style sheets or internally in pages. - Style rules are made up of selectors that target page elements like headings or paragraphs along with declarations that set properties like color and font to specific values. - CSS styles cascade in order of precedence so rules defined locally or inline override those in external style sheets which override browser defaults. - External style sheets are best practice as they allow controlling styles for all pages from a

css-presentation-for mid career engineers.pptmohamed abd elrazek

This document provides an overview of cascading style sheets (CSS) through a series of slides presented by Mark Branom of Stanford University's IT Services department. It defines CSS as allowing more control over web page styling through a centralized style sheet. CSS rules cascade from broad to narrow in scope, with more specific rules overriding general ones. The document reviews basic CSS syntax, properties, selectors, and the advantages of using external style sheets to control styling across an entire website through one file.

The CSS Handbookjackchenvlo

The document provides an overview of CSS (Cascading Style Sheets), which is the language used to style HTML elements and tell the browser how elements should be rendered. It covers CSS basics like selectors, properties, values, and rules. It also discusses CSS concepts like the cascade, specificity, inheritance, and adding CSS via links, style tags, and inline styles. The history of CSS is summarized, from its origins in the 1990s to modern features like Grid, Flexbox, and custom properties. Key sections are highlighted, including selectors, the cascade, specificity, and adding CSS to HTML.

Mastering CSS for Backend Developers.pptxewout2

Cascading Style Sheets for web browser.pptxalvindalejoyosa1

CSS (Cascading Style Sheets) allows control over how HTML elements are displayed on different media. CSS saves work by allowing global control of layout and styles across multiple web pages from a single stylesheet. It provides advantages like faster page loads, easy maintenance through global changes, superior styling capabilities, and compatibility across devices. CSS is created and maintained by the W3C consortium and browser vendors implement CSS specifications. Styles are applied using selectors that target elements by name, id, class, and other attributes. Styles can be defined internally, in external style sheets, or inline in elements.

css-presentation.pptMonishaAb1

This document provides an overview of cascading style sheets (CSS) through a series of slides presented by Mark Branom of Stanford University's IT Services Technology Training group. It defines CSS as allowing more control over web page styling through a centralized style sheet. Key points include: CSS styles cascade from broad to narrow scopes; common style locations are external style sheets for whole sites and internal style sheets for individual pages; and CSS can change default element displays between inline and block. The document aims to introduce CSS basics and best practices.

Discover the Top 23 CSS Frameworks for 2023.pdfpcloudy2

A Complete Guide to Frontend - UI Developernariyaravi

The document provides an overview of frontend development and UI design. It discusses HTML elements, tags, and attributes that provide structure and meaning to web content. It also covers CSS for styling web pages, including selectors, properties, units and frameworks like Bootstrap. JavaScript and jQuery are discussed for adding interactivity. Recommended tools and libraries are provided for animation, icons, fonts, testing and prototyping.

Role of css in web designPixelCrayons

Over the past century and a half, important technological developments have c...jeronimored

Cascading Style Sheets (CSS) - An introductionrachaelboyer

CSS (Cascading Style Sheets) is a set of rules that contains elements of style for a web page such as colors, fonts, borders and sizes. Keeping style elements separate from HTML content has advantages like cleaner HTML code, faster page loads, and the ability to efficiently make changes across many pages at once. There are different types of CSS documents including external style sheets in separate files and internal style sheets within HTML files.

MYSQL DATABASE MYSQL DATABASE MYSQL DATABASECSS.pptxArjayBalberan1

CSSNikhil Gaikwad

CSS is a style sheet language used to describe the presentation of HTML and XML documents. It separates document content from document presentation, including elements like layout, colors, and fonts. There are three types of CSS: internal (within HTML tags), inline (within tags as attributes), and external (separate .css file linked via HTML). CSS has evolved through levels 1-3, with each level adding new capabilities while preserving backward compatibility. CSS provides flexibility, accessibility, and consistency while reducing bandwidth. Limitations include poor flexible layout controls and inability to explicitly declare new scopes.

CSS 101Sean Buch

This presentation introduces CSS and its history from CSS1 to CSS3. It discusses how CSS is an essential tool for improving user experience by creating visual hierarchies that allow users to easily navigate website content. CSS forms part of a successful user experience by transforming plain data into useful information. The document touches on how CSS relates to user experience (UX) and user interface (UI) principles.

Introduction to CSS Class - 1Nouman Baloch

cascading style sheet(css).pptxSuhaibKhan62

1. Intro to CSS, Inline Styles, The <style> Tag, The .css file, Linking theCSSFile, Tag Name, Class Name, Multiple Classes, ID Name, Classes andIDs, Specificity, Chaining Selectors, Nested Elements, Chaining andSpecificity, Multiple Selectors. 2. The Box Model, Height and Width, Borders, Border Radius, Padding, Margins, Auto Margin Collapse, MinimumandMaximum Height and Width, Overflow, Resetting Defaults, Visibility. 3. Font style, Text Alignment, Color, Opacity, Background Image WordSpacing, Letter Spacing, Line Height Anatomy, Linking Fonts, Font-Face 4.Flow of HTML, Positions (Relative, Absolute, Fixed, Z-Index), InlineDisplay, Block Display, Inline-Block Display, Float, Clear. 5.Introduction to Grids, Grid Template, Grid Contained , Grid Items, Fraction, Repeat, minmax, Grid Gap. 6.Media Queries - Responsive Web Design, Media Queries, Range, Dots Per Inch (DPI), And Operator, Comma Separated List, Breakpoints Sizingelements - Relative Measurements, Em, Rem, Percentages ( Height, Width, Padding , Margin), Scaling

Roadmap 01quangnv17071980

This document provides an overview of CSS (Cascading Style Sheets) and why it is important for web design. It discusses the benefits of CSS, including improved portability across devices, increased download speeds, and easier site maintenance. The document then provides steps for getting started with CSS, including planning layouts with CSS in mind, using simple building blocks, and testing designs across browsers. The overall purpose is to convince readers of the business and design advantages of using CSS for websites.

Prediction of Flexural Strength of Concrete Produced by Using Pozzolanic Mate...Journal of Soft Computing in Civil Engineering

The use of huge quantity of natural fine aggregate (NFA) and cement in civil construction work which have given rise to various ecological problems. The industrial waste like Blast furnace slag (GGBFS), fly ash, metakaolin, silica fume can be used as partly replacement for cement and manufactured sand obtained from crusher, was partly used as fine aggregate. In this work, MATLAB software model is developed using neural network toolbox to predict the flexural strength of concrete made by using pozzolanic materials and partly replacing natural fine aggregate (NFA) by Manufactured sand (MS). Flexural strength was experimentally calculated by casting beams specimens and results obtained from experiment were used to develop the artificial neural network (ANN) model. Total 131 results values were used to modeling formation and from that 30% data record was used for testing purpose and 70% data record was used for training purpose. 25 input materials properties were used to find the 28 days flexural strength of concrete obtained from partly replacing cement with pozzolans and partly replacing natural fine aggregate (NFA) by manufactured sand (MS). The results obtained from ANN model provides very strong accuracy to predict flexural strength of concrete obtained from partly replacing cement with pozzolans and natural fine aggregate (NFA) by manufactured sand.

The Gaussian Process Modeling Module in UQLabJournal of Soft Computing in Civil Engineering

We introduce the Gaussian process (GP) modeling module developed within the UQLab software framework. The novel design of the GP-module aims at providing seamless integration of GP modeling into any uncertainty quantification workflow, as well as a standalone surrogate modeling tool. We first briefly present the key mathematical tools on the basis of GP modeling (a.k.a. Kriging), as well as the associated theoretical and computational framework. We then provide an extensive overview of the available features of the software and demonstrate its flexibility and user-friendliness. Finally, we showcase the usage and the performance of the software on several applications borrowed from different fields of engineering. These include a basic surrogate of a well-known analytical benchmark function; a hierarchical Kriging example applied to wind turbine aero-servo-elastic simulations and a more complex geotechnical example that requires a non-stationary, user-defined correlation function. The GP-module, like the rest of the scientific code that is shipped with UQLab, is open source (BSD license).

More Related Content

Similar to intro_To_HTML_and__CSS_using_presentation.pptx (20)

Sass:-Syntactically Awesome Stylesheet by ShafeeqDignitasDigital1

CSS OverviewTo Sum It Up

css-presentation css file with your content add-ins for PowerPoint lets you c...ssc2rbl

using cascading style sheets-presentation.pptKADAMBARIPUROHIT

css-presentation-for mid career engineers.pptmohamed abd elrazek

The CSS Handbookjackchenvlo

Mastering CSS for Backend Developers.pptxewout2

Cascading Style Sheets for web browser.pptxalvindalejoyosa1

css-presentation.pptMonishaAb1

Discover the Top 23 CSS Frameworks for 2023.pdfpcloudy2

A Complete Guide to Frontend - UI Developernariyaravi

Role of css in web designPixelCrayons

Over the past century and a half, important technological developments have c...jeronimored

Cascading Style Sheets (CSS) - An introductionrachaelboyer

MYSQL DATABASE MYSQL DATABASE MYSQL DATABASECSS.pptxArjayBalberan1

CSSNikhil Gaikwad

CSS 101Sean Buch

Introduction to CSS Class - 1Nouman Baloch

cascading style sheet(css).pptxSuhaibKhan62

Roadmap 01quangnv17071980

Sass:-Syntactically Awesome Stylesheet by ShafeeqDignitasDigital1

CSS OverviewTo Sum It Up

css-presentation css file with your content add-ins for PowerPoint lets you c...ssc2rbl

using cascading style sheets-presentation.pptKADAMBARIPUROHIT

css-presentation-for mid career engineers.pptmohamed abd elrazek

The CSS Handbookjackchenvlo

Mastering CSS for Backend Developers.pptxewout2

Cascading Style Sheets for web browser.pptxalvindalejoyosa1

css-presentation.pptMonishaAb1

Discover the Top 23 CSS Frameworks for 2023.pdfpcloudy2

A Complete Guide to Frontend - UI Developernariyaravi

Role of css in web designPixelCrayons

Over the past century and a half, important technological developments have c...jeronimored

Cascading Style Sheets (CSS) - An introductionrachaelboyer

MYSQL DATABASE MYSQL DATABASE MYSQL DATABASECSS.pptxArjayBalberan1

CSSNikhil Gaikwad

CSS 101Sean Buch

Introduction to CSS Class - 1Nouman Baloch

cascading style sheet(css).pptxSuhaibKhan62

Roadmap 01quangnv17071980

Recently uploaded (20)

Prediction of Flexural Strength of Concrete Produced by Using Pozzolanic Mate...Journal of Soft Computing in Civil Engineering

The Gaussian Process Modeling Module in UQLabJournal of Soft Computing in Civil Engineering

Compiler Design_Lexical Analysis phase.pptxRushaliDeshmukh2

"Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G...Infopitaara

A feed water heater is a device used in power plants to preheat water before it enters the boiler. It plays a critical role in improving the overall efficiency of the power generation process, especially in thermal power plants. 🔧 Function of a Feed Water Heater: It uses steam extracted from the turbine to preheat the feed water. This reduces the fuel required to convert water into steam in the boiler. It supports Regenerative Rankine Cycle, increasing plant efficiency. 🔍 Types of Feed Water Heaters: Open Feed Water Heater (Direct Contact) Steam and water come into direct contact. Mixing occurs, and heat is transferred directly. Common in low-pressure stages. Closed Feed Water Heater (Surface Type) Steam and water are separated by tubes. Heat is transferred through tube walls. Common in high-pressure systems. ⚙️ Advantages: Improves thermal efficiency. Reduces fuel consumption. Lowers thermal stress on boiler components. Minimizes corrosion by removing dissolved gases.

Data Structures_Linear Data Structure Stack.pptxRushaliDeshmukh2

Data Structures_Linear data structures Linked Lists.pptxRushaliDeshmukh2

How to use nRF24L01 module with ArduinoCircuitDigest

Novel Plug Flow Reactor with Recycle For Growth ControlChris Harding

Resistance measurement and cfd test on darpa subboff modelINDIAN INSTITUTE OF TECHNOLOGY KHARAGPUR

Compiler Design_Code Optimization tech.pptxRushaliDeshmukh2

Nanometer Metal-Organic-Framework Literature ComparisonChris Harding

DSP and MV the Color image processing.pptHafizAhamed8

RICS Membership-(The Royal Institution of Chartered Surveyors).pdfMohamedAbdelkader115

How to Buy Snapchat Account A Step-by-Step Guide.pdfjamedlimmk

Scaling Growth with Multiple Snapchat Accounts: Strategies That Work Operating multiple Snapchat accounts isn’t just a matter of logging in and out—it’s about crafting a scalable content strategy. Businesses and influencers who master this can turn Snapchat into a lead generation engine. Key strategies include: Content Calendars for Each Account – Plan distinct content buckets and themes per account to avoid duplication and maintain variety. Geo-Based Content Segmentation – Use location-specific filters and cultural trends to speak directly to a region's audience. Audience Mapping – Tailor messaging for niche segments: Gen Z, urban youth, gamers, shoppers, etc. Metrics-Driven Storytelling – Use Snapchat Insights to monitor what type of content performs best per account. Each account should have a unique identity but tie back to a central brand voice. This balance is crucial for brand consistency while leveraging the platform’s creative freedoms. How Agencies and Creators Handle Bulk Snapchat Accounts Digital agencies and creator networks often manage dozens—sometimes hundreds—of Snapchat accounts. The infrastructure to support this requires: Dedicated teams for each cluster of accounts Cloud-based mobile device management (MDM) systems Permission-based account access for role clarity Workflow automation tools (Slack, Trello, Notion) for content coordination This is especially useful in verticals such as music promotion, event marketing, lifestyle brands, and political outreach, where each campaign needs targeted messaging from different handles. The Legality and Risk Profile of Bulk Account Operations If your aim is to operate or acquire multiple Snapchat accounts, understand the risk thresholds: Personal Use (Low Risk) – One or two accounts for personal and creative projects Business Use (Medium Risk) – Accounts with aligned goals, managed ethically Automated Bulk Use (High Risk) – Accounts created en masse or used via bots are flagged quickly Snapchat uses advanced machine learning detection for unusual behavior, including: Fast switching between accounts from the same IP Identical Snap stories across accounts Rapid follower accumulation Use of unverified devices or outdated OS versions To stay compliant, use manual operations, vary behavior, and avoid gray-market account providers. Smart Monetization Through Multi-Account Snapchat Strategies With a multi-account setup, you can open doors to diversified monetization: Affiliate Marketing – Niche accounts promoting targeted offers Sponsored Content – Brands paying for story placement across multiple profiles Product Launch Funnels – Segment users by interest and lead them to specific landing pages Influencer Takeovers – Hosting creators across multiple themed accounts for event buzz This turns your Snapchat network into a ROI-driven asset instead of a time sink. Conclusion: Build an Ecosystem, Not Just Accounts When approached correctly, multiple Snapchat accounts bec

Data Structures_Searching and Sorting.pptxRushaliDeshmukh2

Value Stream Mapping Worskshops for Intelligent Continuous SecurityMarc Hornbeek

ZJIT: Building a Next Generation Ruby JITmaximechevalierboisv1

YJIT can make Ruby code run faster, but this is a balancing act, because the JIT compiler itself must consume both memory and CPU cycles to compile and optimize your code while it is running. Furthermore, in large-scale production environments such as those of GitHub, Shopify and Stripe, we end up in a situation where YJIT is compiling the same code over and over again on a very large number of servers, which seems very inefficient. In this presentation, we will go over the design of ZJIT, a next generation Ruby JIT which aims to save and reuse compiled code between executions. We hope that this will help us eliminate duplicated work while also allowing the compiler to spend more time optimizing code so that we can get better performance.

Artificial Intelligence introduction.pptxDrMarwaElsherif

MODULE 03 - CLOUD COMPUTING- [BIS 613D] 2022 scheme.pptxAlvas Institute of Engineering and technology, Moodabidri

6th International Conference on Big Data, Machine Learning and IoT (BMLI 2025)ijflsjournal087

Prediction of Flexural Strength of Concrete Produced by Using Pozzolanic Mate...Journal of Soft Computing in Civil Engineering

The Gaussian Process Modeling Module in UQLabJournal of Soft Computing in Civil Engineering

Compiler Design_Lexical Analysis phase.pptxRushaliDeshmukh2

"Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G...Infopitaara

Data Structures_Linear Data Structure Stack.pptxRushaliDeshmukh2

Data Structures_Linear data structures Linked Lists.pptxRushaliDeshmukh2

How to use nRF24L01 module with ArduinoCircuitDigest

Novel Plug Flow Reactor with Recycle For Growth ControlChris Harding

Resistance measurement and cfd test on darpa subboff modelINDIAN INSTITUTE OF TECHNOLOGY KHARAGPUR

Compiler Design_Code Optimization tech.pptxRushaliDeshmukh2

Nanometer Metal-Organic-Framework Literature ComparisonChris Harding

DSP and MV the Color image processing.pptHafizAhamed8

RICS Membership-(The Royal Institution of Chartered Surveyors).pdfMohamedAbdelkader115

How to Buy Snapchat Account A Step-by-Step Guide.pdfjamedlimmk

Data Structures_Searching and Sorting.pptxRushaliDeshmukh2

Value Stream Mapping Worskshops for Intelligent Continuous SecurityMarc Hornbeek

ZJIT: Building a Next Generation Ruby JITmaximechevalierboisv1

Artificial Intelligence introduction.pptxDrMarwaElsherif

MODULE 03 - CLOUD COMPUTING- [BIS 613D] 2022 scheme.pptxAlvas Institute of Engineering and technology, Moodabidri

6th International Conference on Big Data, Machine Learning and IoT (BMLI 2025)ijflsjournal087

intro_To_HTML_and__CSS_using_presentation.pptx

1. Cascading Style Sheets

2. Cascading Style Sheets • Introduction • Advantages • History of css • Versions of css • CSS-3 Modules

3. Cascading Style Sheets  Cascading Style Sheets, referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable.  CSS handles the look and feel part of a web page.  Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs.  How columns are sized and laid out, what background images or colors are used, layout designs , variations in display for different devices and screen sizes as well as a variety of other effects.  CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML document.  Most commonly, CSS is combined with the markup languages HTML or XHTML.

4. Advantages of CSS CSS saves time − You can write CSS once and then reuse same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many Web pages as you want. Pages load faster − If you are using CSS, you do not need to write HTML tag attributes every time. Just write one CSS rule of a tag and apply it to all the occurrences of that tag. So less code means faster download times. Easy maintenance − To make a global change, simply change the style, and all elements in all the web pages will be updated automatically. Superior styles to HTML − CSS has a much wider array of attributes than HTML, so you can give a far better look to your HTML page in comparison to HTML attributes.

5. Advantages of CSS  Multiple Device Compatibility − Style sheets allow content to be optimized for more than one type of device. By using the same HTML document, different versions of a website can be presented for handheld devices such as PDAs and cell phones or for printing.  Global web standards − Now HTML attributes are being deprecated and it is being recommended to use CSS. So its a good idea to start using CSS in all the HTML pages to make them compatible to future browsers.  Offline Browsing − CSS can store web applications locally with the help of an offline cache . Using of this, we can view offline websites . The cache also ensures faster loading and better overall performance of the website.  Platform Independence − The Script offer consistent platform independence and can support latest browsers as well.

6. History of CSS? CSS was invented by Håkon Wium Lie on October 10, 1994 and maintained through a group of people within the W3C called the CSS Working Group. The CSS Working Group creates documents called specifications. When a specification has been discussed and officially ratified by W3C members, it becomes a recommendation. These ratified specifications are called recommendations because the W3C has no control over the actual implementation of the language.

7. Versions of CSS CSS-1 Cascading Style Sheets, level 1 (CSS1) was came out of W3C as a recommendation in December 1996. This version describes the CSS language as well as a simple visual formatting model for all the HTML tags.

8. Versions of CSS CSS-2 CSS2 was became a W3C recommendation in May 1998 and builds on CSS1.  This version adds support for media- specific style sheets e.g. printers and aural devices, downloadable fonts, element positioning and tables.

9. Versions of CSS CSS-3 CSS3 was became a W3C recommendation in June 1999 and builds on older versions CSS.  it has divided into documentations is called as Modules and here each module having new extension features defined in CSS2.

10. CSS-3 Modules CSS3 Modules are having old CSS specifications as well as extension features  Selectors  Box Model  Backgrounds and Borders  Image Values and Replaced Content  Text Effects  2D/3D Transformations  Animations  Multiple Column Layout  User Interface

11. Thank you RGUKT-IIIT SRIKAKULAM