CSS Media Types
-
Upload
ankit-saha -
Category
Documents
-
view
216 -
download
0
Transcript of CSS Media Types
-
8/12/2019 CSS Media Types
1/2
8/4/13 CSS Media Types
www.w3schools.com/css/css_mediatypes.asp 1/2
HOME HTML CSS JAVASCRIPT JQUERY XML ASP.NET PHP SQL MORE... REFERENCES | EX
Get Certified
Study Web Technologiesand get a diplomaat w3schools.com
CSSBasic
CSS HOME
CSSIntroduction
CSSSyntax
CSS Id & Class
CSSHow To
CSSStyling
Styling Backgrounds
Styling Text
Styling Fonts
Styling Links
Styling Lists
Styling Tables
CSSBox Model
CSS Box Model
CSSBorder
CSSOutline
CSSMargin
CSS Padding
CSSAdvanced
CSSGrouping/Nesting
CSS Dimension
CSSDisplay
CSS Positioning
CSS Floating
CSS Align
CSS Pseudo-class
CSS Pseudo-element
CSS Navigation Bar
CSS Image Gallery
CSS Image Opacity
CSS Image Sprites
CSS Media Types
CSS Attribute Selectors
CSS Summary
CSSExamples
CSS Examples
CSS Quiz
CSS Certificate
CSSReferences
CSS Reference
CSS Selectors
CSS Reference Aural
CSS Web Safe Fonts
CSS Units
CSS Colors
CSS Color Values
CSS Color Names
CSS Color HEX
Previous Next Chapter
Previous Next Chapter
CSS Media Types
With media types a page can have one layout for screen, one for print, one for handheld devices, etc.
Media TypesSome CSS properties are only designed for a certain media. For example the "voice-family" property is designed for aural user agents. Some other properties can be used for different
media types. For example, the "font-size" property can be used for both screen and print media, but perhaps with different values. A document usually needs a larger font-size on a
screen than on paper, and sans -serif fonts are easier to read on the screen, while serif fonts are easier to read on paper.
The @media Rule
The @media rule allows different style rules for different media in the same style sheet.
The style in the example below tells the browser to display a 14 pixels Verdana font on the screen. But if the page
is printed, it will be in a 10 pixels Times font. Notice that the font-weight is set to bo ld, both on screen and onpaper:
@media screen
{
p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print
{
p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print
{
p.test {font-weight:bold;}
}
....
See it yourself !Print this page (or open Print Preview), and you w ill see that the pa ragraph under "Media Types"
will be displayed in another font, and have a smaller font size than the rest of the text.
Other Media Types
Note:The media type names are not case -sensitive.
Media Type Description
all Used for all media type devices
aural Used for speech and sound synthesizers
braille Used for braille tactile feedback devices
embossed Used for paged braille printers
handheld Used for small or handheld devices
print Used for printers
pro je ction Used fo r pro je cted pre senta tions , like slide s
screen Used for computer screens
tty Used fo r media us ing a fixed-pitch cha racte r grid , like te le types and te rmina ls
tv Used for television-type devices
22,756,521 Sites Built with Wix. Create yours today!
Click here to make a s tunning webs ite for Free.
Wix.com offers an easy-to-use online platform that enables anyone to design and publish professional, beautiful
websites for free.
Search w
Select Language
Related Searches:
HTML And
JavaScript
Download TheOpera Browser
SQL Server
Database
AJAX Programming
CSS Templates
Learn Basic HTML
Create HTML
PHP Tutorials
http://www.w3schools.com/cssref/css_colorsfull.asphttp://www.w3schools.com/cssref/css_selectors.asphttp://www.w3schools.com/css/css_exam.asphttp://www.w3schools.com/css/css_examples.asphttp://www.w3schools.com/css/css_attribute_selectors.asphttp://www.w3schools.com/css/css_image_gallery.asphttp://www.w3schools.com/css/css_pseudo_elements.asphttp://www.w3schools.com/css/css_align.asphttp://www.w3schools.com/css/css_positioning.asphttp://www.w3schools.com/css/css_dimension.asphttp://www.w3schools.com/css/css_padding.asphttp://www.w3schools.com/css/css_border.asphttp://www.w3schools.com/css/css_list.asphttp://www.w3schools.com/css/css_font.asphttp://www.w3schools.com/css/css_background.asphttp://www.w3schools.com/css/css_syntax.asphttp://www.w3schools.com/css/default.asphttp://www.googleadservices.com/pagead/aclk?sa=L&ai=CyGAzRYX-UY71EaPLige4t4HwDqK9uYUEkvrlwmj5_d54EAEg5-j6AVDftPfiAWDlwuSDpA6gAd70w94DyAECqQK0UtHw0ZJRPuACAKgDAcgDnQSqBKwBT9Cy-_8QoD9tiTsxudNHHiutUIAyO71pwiel9nYCwfZ66BXWzYtvLVT7-Nqd82TrBTLzp8xjPXHx9q84xXWqfE1NFss-0hZ66xROUMz9FEe_yFJiQa9ULtImJlTgdhwrafvfTTmKyTUcmQS1Ap-xIrUDO5zsMs7-2T_DiGYOijyvYofJzfdtiuRyDRRBRjGpmuV1RCcs0fs1NLp9_D-4pfjuwB_ljv3_VbvPEeAEAYgGAaAGAoAHiou8IQ&num=1&cid=5GiuJaeC3-fsGQA2EYPNWzfm&sig=AOD64_1SoYh58J52qrAqSCujwzUcFp9fRw&client=ca-pub-3440800076797949&adurl=http://pixel.everesttech.net/2992/c%3Fev_sid%3D3%26ev_ln%3Dcasual%2520shoes%2520for%2520men%26ev_crx%3D27970348154%26ev_mt%3D%26ev_n%3Dd%26ev_ltx%3D%26ev_pl%3Dwww.w3schools.com%26ev_pos%3Dnone%26ev_dvc%3Dc%26ev_dvm%3D%26url%3Dhttp%253A//www.jabong.com/men/shoes/%253Fprice%253D499-499&nm=1http://adclick.g.doubleclick.net/aclk?sa=L&ai=BubctRYX-UZ6uEaWBiAeml4CgDo_fz4gDAAAAEAEg5-j6ATgAWI_--Y1IYOXC5IOkDrIBEXd3dy53M3NjaG9vbHMuY29tugEJZ2ZwX2ltYWdlyAEJ2gEvaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfbWVkaWF0eXBlcy5hc3CpAugYxmWcmoY-wAIC4AIA6gIaLzE2ODMzMTc1L1RvcExlZnRSZWN0YW5nbGX4AoHSHpADmgiYA8gGqAMB0ASQTuAEAaAGFg&num=0&sig=AOD64_1WQ0pNBk0tUCTcokmhY51vvatWEA&client=ca-pub-3440800076797949&adurl=http://w3schools.com/cert/default.asphttp://www.googleadservices.com/pagead/aclk?sa=L&ai=CyGAzRYX-UY71EaPLige4t4HwDqK9uYUEkvrlwmj5_d54EAEg5-j6AVDftPfiAWDlwuSDpA6gAd70w94DyAECqQK0UtHw0ZJRPuACAKgDAcgDnQSqBKwBT9Cy-_8QoD9tiTsxudNHHiutUIAyO71pwiel9nYCwfZ66BXWzYtvLVT7-Nqd82TrBTLzp8xjPXHx9q84xXWqfE1NFss-0hZ66xROUMz9FEe_yFJiQa9ULtImJlTgdhwrafvfTTmKyTUcmQS1Ap-xIrUDO5zsMs7-2T_DiGYOijyvYofJzfdtiuRyDRRBRjGpmuV1RCcs0fs1NLp9_D-4pfjuwB_ljv3_VbvPEeAEAYgGAaAGAoAHiou8IQ&num=1&cid=5GiuJaeC3-fsGQA2EYPNWzfm&sig=AOD64_1SoYh58J52qrAqSCujwzUcFp9fRw&client=ca-pub-3440800076797949&adurl=http://pixel.everesttech.net/2992/c%3Fev_sid%3D3%26ev_ln%3Dcasual%2520shoes%2520for%2520men%26ev_crx%3D27970348154%26ev_mt%3D%26ev_n%3Dd%26ev_ltx%3D%26ev_pl%3Dwww.w3schools.com%26ev_pos%3Dnone%26ev_dvc%3Dc%26ev_dvm%3D%26url%3Dhttp%253A//www.jabong.com/men/shoes/%253Fprice%253D499-499&nm=1http://www.googleadservices.com/pagead/aclk?sa=L&ai=CyGAzRYX-UY71EaPLige4t4HwDqK9uYUEkvrlwmj5_d54EAEg5-j6AVDftPfiAWDlwuSDpA6gAd70w94DyAECqQK0UtHw0ZJRPuACAKgDAcgDnQSqBKwBT9Cy-_8QoD9tiTsxudNHHiutUIAyO71pwiel9nYCwfZ66BXWzYtvLVT7-Nqd82TrBTLzp8xjPXHx9q84xXWqfE1NFss-0hZ66xROUMz9FEe_yFJiQa9ULtImJlTgdhwrafvfTTmKyTUcmQS1Ap-xIrUDO5zsMs7-2T_DiGYOijyvYofJzfdtiuRyDRRBRjGpmuV1RCcs0fs1NLp9_D-4pfjuwB_ljv3_VbvPEeAEAYgGAaAGAoAHiou8IQ&num=1&cid=5GiuJaeC3-fsGQA2EYPNWzfm&sig=AOD64_1SoYh58J52qrAqSCujwzUcFp9fRw&client=ca-pub-3440800076797949&adurl=http://pixel.everesttech.net/2992/c%3Fev_sid%3D3%26ev_ln%3Dcasual%2520shoes%2520for%2520men%26ev_crx%3D27970348154%26ev_mt%3D%26ev_n%3Dd%26ev_ltx%3D%26ev_pl%3Dwww.w3schools.com%26ev_pos%3Dnone%26ev_dvc%3Dc%26ev_dvm%3D%26url%3Dhttp%253A//www.jabong.com/men/shoes/%253Fprice%253D499-499&nm=1http://www.w3schools.com/http://www.w3schools.com/http://www.googleadservices.com/pagead/aclk?sa=L&ai=CyGAzRYX-UY71EaPLige4t4HwDqK9uYUEkvrlwmj5_d54EAEg5-j6AVDftPfiAWDlwuSDpA6gAd70w94DyAECqQK0UtHw0ZJRPuACAKgDAcgDnQSqBKwBT9Cy-_8QoD9tiTsxudNHHiutUIAyO71pwiel9nYCwfZ66BXWzYtvLVT7-Nqd82TrBTLzp8xjPXHx9q84xXWqfE1NFss-0hZ66xROUMz9FEe_yFJiQa9ULtImJlTgdhwrafvfTTmKyTUcmQS1Ap-xIrUDO5zsMs7-2T_DiGYOijyvYofJzfdtiuRyDRRBRjGpmuV1RCcs0fs1NLp9_D-4pfjuwB_ljv3_VbvPEeAEAYgGAaAGAoAHiou8IQ&num=1&cid=5GiuJaeC3-fsGQA2EYPNWzfm&sig=AOD64_1SoYh58J52qrAqSCujwzUcFp9fRw&client=ca-pub-3440800076797949&adurl=http://pixel.everesttech.net/2992/c%3Fev_sid%3D3%26ev_ln%3Dcasual%2520shoes%2520for%2520men%26ev_crx%3D27970348154%26ev_mt%3D%26ev_n%3Dd%26ev_ltx%3D%26ev_pl%3Dwww.w3schools.com%26ev_pos%3Dnone%26ev_dvc%3Dc%26ev_dvm%3D%26url%3Dhttp%253A//www.jabong.com/men/shoes/%253Fprice%253D499-499&nm=1http://www.googleadservices.com/pagead/aclk?sa=L&ai=CyGAzRYX-UY71EaPLige4t4HwDqK9uYUEkvrlwmj5_d54EAEg5-j6AVDftPfiAWDlwuSDpA6gAd70w94DyAECqQK0UtHw0ZJRPuACAKgDAcgDnQSqBKwBT9Cy-_8QoD9tiTsxudNHHiutUIAyO71pwiel9nYCwfZ66BXWzYtvLVT7-Nqd82TrBTLzp8xjPXHx9q84xXWqfE1NFss-0hZ66xROUMz9FEe_yFJiQa9ULtImJlTgdhwrafvfTTmKyTUcmQS1Ap-xIrUDO5zsMs7-2T_DiGYOijyvYofJzfdtiuRyDRRBRjGpmuV1RCcs0fs1NLp9_D-4pfjuwB_ljv3_VbvPEeAEAYgGAaAGAoAHiou8IQ&num=1&cid=5GiuJaeC3-fsGQA2EYPNWzfm&sig=AOD64_1SoYh58J52qrAqSCujwzUcFp9fRw&client=ca-pub-3440800076797949&adurl=http://pixel.everesttech.net/2992/c%3Fev_sid%3D3%26ev_ln%3Dcasual%2520shoes%2520for%2520men%26ev_crx%3D27970348154%26ev_mt%3D%26ev_n%3Dd%26ev_ltx%3D%26ev_pl%3Dwww.w3schools.com%26ev_pos%3Dnone%26ev_dvc%3Dc%26ev_dvm%3D%26url%3Dhttp%253A//www.jabong.com/men/shoes/%253Fprice%253D499-499&nm=1http://www.googleadservices.com/pagead/aclk?sa=L&ai=CyGAzRYX-UY71EaPLige4t4HwDqK9uYUEkvrlwmj5_d54EAEg5-j6AVDftPfiAWDlwuSDpA6gAd70w94DyAECqQK0UtHw0ZJRPuACAKgDAcgDnQSqBKwBT9Cy-_8QoD9tiTsxudNHHiutUIAyO71pwiel9nYCwfZ66BXWzYtvLVT7-Nqd82TrBTLzp8xjPXHx9q84xXWqfE1NFss-0hZ66xROUMz9FEe_yFJiQa9ULtImJlTgdhwrafvfTTmKyTUcmQS1Ap-xIrUDO5zsMs7-2T_DiGYOijyvYofJzfdtiuRyDRRBRjGpmuV1RCcs0fs1NLp9_D-4pfjuwB_ljv3_VbvPEeAEAYgGAaAGAoAHiou8IQ&num=1&cid=5GiuJaeC3-fsGQA2EYPNWzfm&sig=AOD64_1SoYh58J52qrAqSCujwzUcFp9fRw&client=ca-pub-3440800076797949&adurl=http://pixel.everesttech.net/2992/c%3Fev_sid%3D3%26ev_ln%3Dcasual%2520shoes%2520for%2520men%26ev_crx%3D27970348154%26ev_mt%3D%26ev_n%3Dd%26ev_ltx%3D%26ev_pl%3Dwww.w3schools.com%26ev_pos%3Dnone%26ev_dvc%3Dc%26ev_dvm%3D%26url%3Dhttp%253A//www.jabong.com/men/shoes/%253Fprice%253D499-499&nm=1http://www.w3schools.com/css/css_mediatypes.asp#http://www.w3schools.com/css/css_mediatypes.asp#http://www.w3schools.com/css/css_mediatypes.asp#http://www.w3schools.com/css/css_mediatypes.asp#http://www.w3schools.com/css/css_mediatypes.asp#http://www.w3schools.com/css/css_mediatypes.asp#http://www.w3schools.com/css/css_mediatypes.asp#http://www.w3schools.com/css/css_mediatypes.asp#http://www.googleadservices.com/pagead/aclk?sa=L&ai=CyGAzRYX-UY71EaPLige4t4HwDqK9uYUEkvrlwmj5_d54EAEg5-j6AVDftPfiAWDlwuSDpA6gAd70w94DyAECqQK0UtHw0ZJRPuACAKgDAcgDnQSqBKwBT9Cy-_8QoD9tiTsxudNHHiutUIAyO71pwiel9nYCwfZ66BXWzYtvLVT7-Nqd82TrBTLzp8xjPXHx9q84xXWqfE1NFss-0hZ66xROUMz9FEe_yFJiQa9ULtImJlTgdhwrafvfTTmKyTUcmQS1Ap-xIrUDO5zsMs7-2T_DiGYOijyvYofJzfdtiuRyDRRBRjGpmuV1RCcs0fs1NLp9_D-4pfjuwB_ljv3_VbvPEeAEAYgGAaAGAoAHiou8IQ&num=1&cid=5GiuJaeC3-fsGQA2EYPNWzfm&sig=AOD64_1SoYh58J52qrAqSCujwzUcFp9fRw&client=ca-pub-3440800076797949&adurl=http://pixel.everesttech.net/2992/c%3Fev_sid%3D3%26ev_ln%3Dcasual%2520shoes%2520for%2520men%26ev_crx%3D27970348154%26ev_mt%3D%26ev_n%3Dd%26ev_ltx%3D%26ev_pl%3Dwww.w3schools.com%26ev_pos%3Dnone%26ev_dvc%3Dc%26ev_dvm%3D%26url%3Dhttp%253A//www.jabong.com/men/shoes/%253Fprice%253D499-499&nm=1http://void%280%29/http://adclick.g.doubleclick.net/aclk?sa=L&ai=BE5tMRYX-UZuuEaWBiAeml4CgDtfYpvADAAAAEAEg5-j6ATgAWIfusohhYOXC5IOkDrIBEXd3dy53M3NjaG9vbHMuY29tugEJZ2ZwX2ltYWdlyAEJ2gEvaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfbWVkaWF0eXBlcy5hc3CYApUXqQLoGMZlnJqGPsACAuACAOoCES8xNjgzMzE3NS9TbWFsbFBT-AKB0h6QA5oImAPIBqgDAeAEAaAGFg&num=0&sig=AOD64_12AqhmgWPKjWPl0oh66rAS489-Ew&client=ca-pub-3440800076797949&adurl=http://www.wix.com/eteamhtml/400?utm_campaign=ma_w3schools.com&experiment_id=ma_w3schools.comsps2_400http://adclick.g.doubleclick.net/aclk?sa=L&ai=BE5tMRYX-UZuuEaWBiAeml4CgDtfYpvADAAAAEAEg5-j6ATgAWIfusohhYOXC5IOkDrIBEXd3dy53M3NjaG9vbHMuY29tugEJZ2ZwX2ltYWdlyAEJ2gEvaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfbWVkaWF0eXBlcy5hc3CYApUXqQLoGMZlnJqGPsACAuACAOoCES8xNjgzMzE3NS9TbWFsbFBT-AKB0h6QA5oImAPIBqgDAeAEAaAGFg&num=0&sig=AOD64_12AqhmgWPKjWPl0oh66rAS489-Ew&client=ca-pub-3440800076797949&adurl=http://www.wix.com/eteamhtml/400?utm_campaign=ma_w3schools.com&experiment_id=ma_w3schools.comsps2_400http://www.w3schools.com/css/css_attribute_selectors.asphttp://www.w3schools.com/css/css_image_sprites.asphttp://www.w3schools.com/css/css_attribute_selectors.asphttp://www.w3schools.com/css/css_image_sprites.asphttp://www.w3schools.com/cssref/css_colorsfull.asphttp://www.w3schools.com/cssref/css_colornames.asphttp://www.w3schools.com/cssref/css_colors_legal.asphttp://www.w3schools.com/cssref/css_colors.asphttp://www.w3schools.com/cssref/css_units.asphttp://www.w3schools.com/cssref/css_websafe_fonts.asphttp://www.w3schools.com/cssref/css_ref_aural.asphttp://www.w3schools.com/cssref/css_selectors.asphttp://www.w3schools.com/cssref/default.asphttp://www.w3schools.com/css/css_exam.asphttp://www.w3schools.com/css/css_quiz.asphttp://www.w3schools.com/css/css_examples.asphttp://www.w3schools.com/css/css_summary.asphttp://www.w3schools.com/css/css_attribute_selectors.asphttp://www.w3schools.com/css/css_mediatypes.asphttp://www.w3schools.com/css/css_image_sprites.asphttp://www.w3schools.com/css/css_image_transparency.asphttp://www.w3schools.com/css/css_image_gallery.asphttp://www.w3schools.com/css/css_navbar.asphttp://www.w3schools.com/css/css_pseudo_elements.asphttp://www.w3schools.com/css/css_pseudo_classes.asphttp://www.w3schools.com/css/css_align.asphttp://www.w3schools.com/css/css_float.asphttp://www.w3schools.com/css/css_positioning.asphttp://www.w3schools.com/css/css_display_visibility.asphttp://www.w3schools.com/css/css_dimension.asphttp://www.w3schools.com/css/css_grouping_nesting.asphttp://www.w3schools.com/css/css_padding.asphttp://www.w3schools.com/css/css_margin.asphttp://www.w3schools.com/css/css_outline.asphttp://www.w3schools.com/css/css_border.asphttp://www.w3schools.com/css/css_boxmodel.asphttp://www.w3schools.com/css/css_table.asphttp://www.w3schools.com/css/css_list.asphttp://www.w3schools.com/css/css_link.asphttp://www.w3schools.com/css/css_font.asphttp://www.w3schools.com/css/css_text.asphttp://www.w3schools.com/css/css_background.asphttp://www.w3schools.com/css/css_howto.asphttp://www.w3schools.com/css/css_id_class.asphttp://www.w3schools.com/css/css_syntax.asphttp://www.w3schools.com/css/css_intro.asphttp://www.w3schools.com/css/default.asphttp://adclick.g.doubleclick.net/aclk?sa=L&ai=BubctRYX-UZ6uEaWBiAeml4CgDo_fz4gDAAAAEAEg5-j6ATgAWI_--Y1IYOXC5IOkDrIBEXd3dy53M3NjaG9vbHMuY29tugEJZ2ZwX2ltYWdlyAEJ2gEvaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfbWVkaWF0eXBlcy5hc3CpAugYxmWcmoY-wAIC4AIA6gIaLzE2ODMzMTc1L1RvcExlZnRSZWN0YW5nbGX4AoHSHpADmgiYA8gGqAMB0ASQTuAEAaAGFg&num=0&sig=AOD64_1WQ0pNBk0tUCTcokmhY51vvatWEA&client=ca-pub-3440800076797949&adurl=http://w3schools.com/cert/default.asphttp://www.w3schools.com/sitemap/default.asp#exampleshttp://www.w3schools.com/sitemap/default.asp#referenceshttp://www.w3schools.com/sitemap/default.asphttp://www.w3schools.com/sql/default.asphttp://www.w3schools.com/php/default.asphttp://www.w3schools.com/aspnet/default.asphttp://www.w3schools.com/xml/default.asphttp://www.w3schools.com/jquery/default.asphttp://www.w3schools.com/js/default.asphttp://www.w3schools.com/css/default.asphttp://www.w3schools.com/html/default.asphttp://www.w3schools.com/default.asphttp://www.w3schools.com/ -
8/12/2019 CSS Media Types
2/2
8/4/13 CSS Media Types
www.w3schools.com/css/css_mediatypes.asp 2/2
REPORT ERROR | HOME | TO P | PRINT | FORUM | ABOU
With total design control, eCommerce features and supe rior search engine results, Wix offers a complete s olution
for launching an exquisite website while saving tons of money.
Altova XMLSpy - The industry's leading XML editor!
Whether you're new to XML or already an advanced use r, the user-friendly views and powerful entry helpers,
wizards, and debuggers in XMLSpy are designed to meet your XML and Web development needs from start to
finish. New features in Version 2013!
XML editor
Graphical XML Schema / DTD editors
Smart Fix XML validation with automatic error correction
XSLT 1.0/2.0 editor, debugger, profiler
XQuery editor, debugger, profiler
XBRL validator, taxonomy editor, taxonomy wizard
New! Cha rt creation for XML data
Support for Office Open XML (OOXML)
Graphical WSDL 1.1/2.0 editor & SOAP debugger
JSON editing & conversion
Java, C#, C++ code generation
32-bit and 64-bit versions
HTML5 and CSS3 support
Download a free trial today!
Try it now!
Top 10 Tutorials
HTML Tutorial
HTML5 Tutorial
CSS Tutorial
CSS3 Tutorial
JavaScript Tutorial
jQuery Tutorial
SQL Tutorial
PHP Tutorial
ASP.NET Tutorial
XML Tutorial
Top 10 References
HTML/HTML5 Reference
CSS 1,2,3 Reference
CSS 3 Browser Support
JavaScript
HTML DOM
XML DOM
PHP Reference
jQuery Reference
ASP.NET Reference
HTML Colors
Examples
HTML Examples
CSS Examples
XML Examples
JavaScript Examples
HTML DOM Examples
XML DOM Examples
AJAX Examples
ASP.NET Examples
Razor Examples
ASP Examples
SVG Examples
Quizzes
HTML Quiz
HTML5 Quiz
XHTML Quiz
CSS Quiz
JavaScript Quiz
jQuery Quiz
XML Quiz
ASP Quiz
PHP Quiz
SQL Quiz
Col
Stat
Bro
Bro
Bro
W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understandinTutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content
While using this site, you agree to have read and accepted our terms of use and privacy policy.
Copyright 1999-2013 by Refsnes Data. All Rights Reserved.
http://googleads.g.doubleclick.net/aclk?sa=l&ai=C7hbrRYX-Ub3zEaW5igeagYHQDIfGutsChYzVuArAjbcBEAEg5-j6AVDnhpKBBGDlwuSDpA6gAd3aj_8DyAEC4AIAqAMByAOdBKoEsQFP0CntXnPiq3aoVSt2Jt5LLk3REDl3OAmR4J6WgrA33wX-lzZEmck3X3bVEMQJFkDEnzB8BwPFGKve0A4sI62rxylwTylkuU6RGRN2DfBUHuDT5Vn_UOe15kUylaOOhBB40ls4XtJq0X1e2X8qeEJCIvnCSPT8aLi3jSydiElw6vC2zrtVbNwmiiVb6maDPpPAoIZ78UmpXpXOcB3att7qjMEc5m3tZRW693cuLqQ_a-ngBAGgBgKAB4ulcA&num=1&sig=AOD64_0ErMuLwWL8WVu4ZfsXrBFWBIPUKA&client=ca-pub-3440800076797949&adurl=http://www.oxygenxml.com/dita_editor.html%3Fadw%3Dtruehttp://www.w3schools.com/about/about_copyright.asphttp://www.w3schools.com/about/about_privacy.asphttp://www.w3schools.com/about/about_copyright.asphttp://www.w3schools.com/browsers/browsers_display.asphttp://www.w3schools.com/browsers/browsers_os.asphttp://www.w3schools.com/browsers/browsers_stats.asphttp://www.w3schools.com/tags/ref_colorpicker.asphttp://www.w3schools.com/quiztest/quiztest.asp?qtest=SQLhttp://www.w3schools.com/quiztest/quiztest.asp?qtest=PHPhttp://www.w3schools.com/quiztest/quiztest.asp?qtest=ASPhttp://www.w3schools.com/quiztest/quiztest.asp?qtest=XMLhttp://www.w3schools.com/quiztest/quiztest.asp?qtest=jQueryhttp://www.w3schools.com/quiztest/quiztest.asp?qtest=JavaScripthttp://www.w3schools.com/quiztest/quiztest.asp?qtest=CSShttp://www.w3schools.com/quiztest/quiztest.asp?qtest=XHTMLhttp://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML5http://www.w3schools.com/quiztest/quiztest.asp?qtest=HTMLhttp://www.w3schools.com/svg/svg_examples.asphttp://www.w3schools.com/asp/asp_examples.asphttp://www.w3schools.com/aspnet/webpages_examples.asphttp://www.w3schools.com/aspnet/aspnet_examples.asphttp://www.w3schools.com/ajax/ajax_examples.asphttp://www.w3schools.com/dom/dom_examples.asphttp://www.w3schools.com/htmldom/dom_examples.asphttp://www.w3schools.com/js/js_examples.asphttp://www.w3schools.com/xml/xml_examples.asphttp://www.w3schools.com/css/css_examples.asphttp://www.w3schools.com/html/html_examples.asphttp://www.w3schools.com/tags/ref_colornames.asphttp://www.w3schools.com/aspnet/webpages_ref_classes.asphttp://www.w3schools.com/jquery/jquery_ref_selectors.asphttp://www.w3schools.com/php/php_ref_array.asphttp://www.w3schools.com/dom/dom_nodetype.asphttp://www.w3schools.com/jsref/default.asphttp://www.w3schools.com/jsref/default.asphttp://www.w3schools.com/cssref/css3_browsersupport.asphttp://www.w3schools.com/cssref/default.asphttp://www.w3schools.com/tags/default.asphttp://www.w3schools.com/xml/default.asphttp://www.w3schools.com/aspnet/default.asphttp://www.w3schools.com/php/default.asphttp://www.w3schools.com/sql/default.asphttp://www.w3schools.com/jquery/default.asphttp://www.w3schools.com/js/default.asphttp://www.w3schools.com/css3/default.asphttp://www.w3schools.com/css/default.asphttp://www.w3schools.com/html/html5_intro.asphttp://www.w3schools.com/html/default.asphttp://adclick.g.doubleclick.net/aclk?sa=L&ai=BUuJXRYX-UZmuEaWBiAeml4CgDo_SpvADAAAAEAEg5-j6ATgAWJ_ssIhhYOXC5IOkDrIBEXd3dy53M3NjaG9vbHMuY29tugEJZ2ZwX2ltYWdlyAEJ2gEvaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfbWVkaWF0eXBlcy5hc3CYAronqQLoGMZlnJqGPsACAuACAOoCES8xNjgzMzE3NS9MYXJnZVBT-AKB0h6QA5oImAPIBqgDAeAEAaAGFg&num=0&sig=AOD64_3oFOtQrs0lJkcw_327FE5GlT8SMw&client=ca-pub-3440800076797949&adurl=http://www.altova.com/ref/?s=w3s_spotlight&q=xmlspyhttp://adclick.g.doubleclick.net/aclk?sa=L&ai=BUuJXRYX-UZmuEaWBiAeml4CgDo_SpvADAAAAEAEg5-j6ATgAWJ_ssIhhYOXC5IOkDrIBEXd3dy53M3NjaG9vbHMuY29tugEJZ2ZwX2ltYWdlyAEJ2gEvaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfbWVkaWF0eXBlcy5hc3CYAronqQLoGMZlnJqGPsACAuACAOoCES8xNjgzMzE3NS9MYXJnZVBT-AKB0h6QA5oImAPIBqgDAeAEAaAGFg&num=0&sig=AOD64_3oFOtQrs0lJkcw_327FE5GlT8SMw&client=ca-pub-3440800076797949&adurl=http://www.altova.com/ref/?s=w3s_spotlight&q=xmlspyhttp://adclick.g.doubleclick.net/aclk?sa=L&ai=BUuJXRYX-UZmuEaWBiAeml4CgDo_SpvADAAAAEAEg5-j6ATgAWJ_ssIhhYOXC5IOkDrIBEXd3dy53M3NjaG9vbHMuY29tugEJZ2ZwX2ltYWdlyAEJ2gEvaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfbWVkaWF0eXBlcy5hc3CYAronqQLoGMZlnJqGPsACAuACAOoCES8xNjgzMzE3NS9MYXJnZVBT-AKB0h6QA5oImAPIBqgDAeAEAaAGFg&num=0&sig=AOD64_3oFOtQrs0lJkcw_327FE5GlT8SMw&client=ca-pub-3440800076797949&adurl=http://www.altova.com/ref/?s=w3s_spotlight&q=xmlspyhttp://adclick.g.doubleclick.net/aclk?sa=L&ai=BUuJXRYX-UZmuEaWBiAeml4CgDo_SpvADAAAAEAEg5-j6ATgAWJ_ssIhhYOXC5IOkDrIBEXd3dy53M3NjaG9vbHMuY29tugEJZ2ZwX2ltYWdlyAEJ2gEvaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfbWVkaWF0eXBlcy5hc3CYAronqQLoGMZlnJqGPsACAuACAOoCES8xNjgzMzE3NS9MYXJnZVBT-AKB0h6QA5oImAPIBqgDAeAEAaAGFg&num=0&sig=AOD64_3oFOtQrs0lJkcw_327FE5GlT8SMw&client=ca-pub-3440800076797949&adurl=http://www.altova.com/ref/?s=w3s_spotlight&q=xmlspyhttp://adclick.g.doubleclick.net/aclk?sa=L&ai=BUuJXRYX-UZmuEaWBiAeml4CgDo_SpvADAAAAEAEg5-j6ATgAWJ_ssIhhYOXC5IOkDrIBEXd3dy53M3NjaG9vbHMuY29tugEJZ2ZwX2ltYWdlyAEJ2gEvaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfbWVkaWF0eXBlcy5hc3CYAronqQLoGMZlnJqGPsACAuACAOoCES8xNjgzMzE3NS9MYXJnZVBT-AKB0h6QA5oImAPIBqgDAeAEAaAGFg&num=0&sig=AOD64_3oFOtQrs0lJkcw_327FE5GlT8SMw&client=ca-pub-3440800076797949&adurl=http://www.altova.com/ref/?s=w3s_spotlight&q=xmlspyhttp://www.w3schools.com/about/default.asphttp://www.w3schools.com/forum/default.asphttp://www.w3schools.com/css/css_mediatypes.asp?output=printhttp://www.w3schools.com/css/css_mediatypes.asp#tophttp://www.w3schools.com/default.asphttp://www.w3schools.com/css/css_mediatypes.asphttp://www.w3schools.com/