SlideShare une entreprise Scribd logo

AK css

•Télécharger en tant que PPT, PDF•
•
G
gauravashq

CSS classes by Atul Kahate Sir at SICSR

FormationTechnologie
1  sur  31
Cascading Style Sheets (CSS) Atul Kahate [email_address]
CSS Basics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Need for CSS – 1 ,[object Object],[object Object],[object Object]
Need for CSS – 2 ,[object Object],[object Object]
Need for CSS – 3 ,[object Object]
What Can Styles Do? ,[object Object],[object Object],[object Object]
Benefit to Developers ,[object Object],[object Object],[object Object]
Precedence in Style Sheets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CSS Syntax ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
<STYLE> P {color:green} P.red {color:red} </STYLE> Style block Selector Declaration Class
Better syntax for multiple properties ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Grouping Selectors ,[object Object],[object Object],[object Object],[object Object]
Class Selector ,[object Object],[object Object],[object Object]
Class Selector Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Comments in CSS ,[object Object]
More on Font Families – 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
More on Font Families – 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 4 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 5 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 6 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 7 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 8 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 9 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 10 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 11 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Style Sheet Example – 12 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Lists ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Thank you! Questions and Comments Welcome!

Recommandé

Html
HtmlHtml
Html
charu gupta
 
Html project
Html projectHtml project
Html project
arsh7511
 
Html tag
Html tagHtml tag
Html tag
NIRMAL FELIX
 
Html1
Html1Html1
Html1
learnt
 
Html
HtmlHtml
Html
irshadahamed
 
Html ppt
Html pptHtml ppt
Html ppt
Sanmuga Nathan
 
Css
CssCss
Css
MAGNA COLLEGE OF ENGINEERING
 
Html ppt
Html pptHtml ppt
Html ppt
Iblesoft
 

Recommandé

Html
HtmlHtml
Html
charu gupta
 
Html project
Html projectHtml project
Html project
arsh7511
 
Html tag
Html tagHtml tag
Html tag
NIRMAL FELIX
 
Html1
Html1Html1
Html1
learnt
 
Html
HtmlHtml
Html
irshadahamed
 
Html ppt
Html pptHtml ppt
Html ppt
Sanmuga Nathan
 
Css
CssCss
Css
MAGNA COLLEGE OF ENGINEERING
 
Html ppt
Html pptHtml ppt
Html ppt
Iblesoft
 
Html Ppt
Html PptHtml Ppt
Html Ppt
Hema Prasanth
 
Html introduction
Html introductionHtml introduction
Html introduction
Dalia Elbadry
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
veena parihar
 
Introduction To HTML
Introduction To HTMLIntroduction To HTML
Introduction To HTML
Mehul Patel
 
LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3
umapst
 
Html
HtmlHtml
Html
Vahideh Zarea Gavgani
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
vikasgaur31
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
jlinabary
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
Jayapal Reddy Nimmakayala
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
NextGenr
 
Getting into HTML
Getting into HTMLGetting into HTML
Getting into HTML
ispkosova
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
Sanjeev Kumar
 
Html ppt computer
Html ppt computerHtml ppt computer
Html ppt computer
Anmol Pant
 
Css
CssCss
Css
Cerise Anderson
 
Html intro
Html introHtml intro
Html intro
kalaivani.g
 
Lecture 2 introduction to html
Lecture 2 introduction to htmlLecture 2 introduction to html
Lecture 2 introduction to html
palhaftab
 
Html
HtmlHtml
Html
Cerise Anderson
 
Html
HtmlHtml
Html
Venkat Krishnan
 
Html Ppt
Html PptHtml Ppt
Html Ppt
vijayanit
 
Html
HtmlHtml
Html
Nisa Soomro
 
1 introduction to xml
1 introduction to xml1 introduction to xml
1 introduction to xml
gauravashq
 
Spring.pdf
Spring.pdfSpring.pdf
Spring.pdf
gauravashq
 

Contenu connexe

Tendances

Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
vikasgaur31
 

Tendances (20)

Html Ppt
Html PptHtml Ppt
Html Ppt
 
Html introduction
Html introductionHtml introduction
Html introduction
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Introduction To HTML
Introduction To HTMLIntroduction To HTML
Introduction To HTML
 
LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3
 
Html
HtmlHtml
Html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
 
Getting into HTML
Getting into HTMLGetting into HTML
Getting into HTML
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
Html ppt computer
Html ppt computerHtml ppt computer
Html ppt computer
 
Css
CssCss
Css
 
Html intro
Html introHtml intro
Html intro
 
Lecture 2 introduction to html
Lecture 2 introduction to htmlLecture 2 introduction to html
Lecture 2 introduction to html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Html
HtmlHtml
Html
 

En vedette

2 dtd - validating xml documents
2 dtd - validating xml documents2 dtd - validating xml documents
2 dtd - validating xml documents
gauravashq
 
Java script final presentation
Java script final presentationJava script final presentation
Java script final presentation
Adhoura Academy
 

En vedette (13)

1 introduction to xml
1 introduction to xml1 introduction to xml
1 introduction to xml
 
Spring.pdf
Spring.pdfSpring.pdf
Spring.pdf
 
Ajax
AjaxAjax
Ajax
 
3 xml namespaces and xml schema
3 xml namespaces and xml schema3 xml namespaces and xml schema
3 xml namespaces and xml schema
 
5 xsl (formatting xml documents)
5 xsl (formatting xml documents)5 xsl (formatting xml documents)
5 xsl (formatting xml documents)
 
5 xml parsing
5 xml parsing5 xml parsing
5 xml parsing
 
6 xml parsing
6 xml parsing6 xml parsing
6 xml parsing
 
4 xml namespaces and xml schema
4 xml namespaces and xml schema4 xml namespaces and xml schema
4 xml namespaces and xml schema
 
2 dtd - validating xml documents
2 dtd - validating xml documents2 dtd - validating xml documents
2 dtd - validating xml documents
 
Java script final presentation
Java script final presentationJava script final presentation
Java script final presentation
 
Java script
Java scriptJava script
Java script
 
Java script
Java scriptJava script
Java script
 
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts BasicsHTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
 

Similaire à AK css

IPW 3rd Course - CSS
IPW 3rd Course - CSSIPW 3rd Course - CSS
IPW 3rd Course - CSS
Vlad Posea
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style Sheets
Jerome Locson
 
1 03 - CSS Introduction
1 03 - CSS Introduction1 03 - CSS Introduction
1 03 - CSS Introduction
apnwebdev
 

Similaire à AK css (20)

Web Designing
Web DesigningWeb Designing
Web Designing
 
CSS
CSSCSS
CSS
 
Design Dream
Design DreamDesign Dream
Design Dream
 
CSS
CSSCSS
CSS
 
Block2 Session2 Presentation
Block2 Session2 PresentationBlock2 Session2 Presentation
Block2 Session2 Presentation
 
IPW 3rd Course - CSS
IPW 3rd Course - CSSIPW 3rd Course - CSS
IPW 3rd Course - CSS
 
Html intro
Html introHtml intro
Html intro
 
Html Expression Web
Html Expression WebHtml Expression Web
Html Expression Web
 
Css intro
Css introCss intro
Css intro
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style Sheets
 
Introduction to css
Introduction to cssIntroduction to css
Introduction to css
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
1 03 - CSS Introduction
1 03 - CSS Introduction1 03 - CSS Introduction
1 03 - CSS Introduction
 
Diva
DivaDiva
Diva
 
cascading style sheet ppt
cascading style sheet pptcascading style sheet ppt
cascading style sheet ppt
 
CSS
CSSCSS
CSS
 
Casc Style Sheets Ii
Casc Style Sheets IiCasc Style Sheets Ii
Casc Style Sheets Ii
 
Html, CSS & Web Designing
Html, CSS & Web DesigningHtml, CSS & Web Designing
Html, CSS & Web Designing
 
CSS
CSSCSS
CSS
 

Plus de gauravashq

1 electronic data interchange (edi)
1 electronic data interchange (edi)1 electronic data interchange (edi)
1 electronic data interchange (edi)
gauravashq
 

Plus de gauravashq (9)

Spring
SpringSpring
Spring
 
Spring
SpringSpring
Spring
 
Spring
SpringSpring
Spring
 
4 xslt
4 xslt4 xslt
4 xslt
 
1 electronic data interchange (edi)
1 electronic data interchange (edi)1 electronic data interchange (edi)
1 electronic data interchange (edi)
 
AK 5 JSF 21 july 2008
AK 5 JSF 21 july 2008AK 5 JSF 21 july 2008
AK 5 JSF 21 july 2008
 
AK 4 JSF
AK 4 JSFAK 4 JSF
AK 4 JSF
 
AK 3 web services using apache axis
AK 3 web services using apache axisAK 3 web services using apache axis
AK 3 web services using apache axis
 
AK html
AK htmlAK html
AK html
 

Dernier

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 

Dernier (20)

Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 

AK css