content. But the separation of content and performance is one of the fundamental essentials of the standard of the consortium: avoid even the page layout code in HTML, which is left to the stylesheet (cascading style Sheets).CSS for Web page girl makeup (such as fonts, colors, space, not widely supported CSS2 even support visual, hearing, Braille and other devices), generally saved in the external. css file. An external style sheet lets you control m
-called elasticity that I have talked about so far is "adaptability". The summary above is: Make your Web page adaptable. Make your Web page accessible, what browsers, what platforms, or what screens. This means that in any screen size, any screen color, the pages are legally available (and remember that people may print these pages, or use the Read-screen software and the Braille browser to access them). This means that the Web page needs to be adapt
Beijing-East registration page, the radio button visual cue design, for beginners is more like the Web form of choice.For intermediate users, more obvious check feedback can be established on the basis of Winfrom.
Finally, give 2 examples of real life, although it is for the handicapped, but also the same song of different works. (The photo will be filled later.) )
1. The tip panel behind the taxi front seat is a text note with a Braille panel made
How do i insert a CSS in a Web page
We know the syntax of CSS before, but in order to display the effect in the browser, we should let the browser recognize and call. When the browser reads the style sheet, read it in text format, here are four ways to insert a style sheet on a page: link to an external style sheet, an internal style sheet, import a foreign style sheet, and an inline style.
1. Link to external style sheet
The link to an external style sheet is to save the stylesheet as a style
province online Office hall information Barrier-free transformation of WCAG2.0 A,AA level entries
Serial number
Standard Original
Grade
Reference questions
Principle 1: Accessibility-Information and user interface components must be presented to users in a perceptible manner.
Guideline 1.1 Alternative Text: Provide alternative text for all non-text content so that it can be translated into other forms that people need, such as large font printing, Braille
The use of iphone5s injury, and was Apple to the pit, do not know how the phone into the voiceover state, is the Braille mode, has been reading voice, that worried.
In the setting--accessibility feature--"voiceover--" voiceOver button, open and close.
Under normal circumstances, the above method can be closed, repeated problems are the way to solve the problem, I am also. But today, is a wonderful day, click Off, it will automatically open,
presentation and media types (such as reading pages on the screen, printing Web pages, reading pages on mobile devices, and so on).
Web crawler/Search engine: search engines use "reptiles" to parse your Web pages. Semantic HTML can be more accurately and quickly parsed to know what is important, and your page's ranking in search results will be greatly affected.
Second, availability, accessibility
Accessibility is to treat all people equally, regardless of whether they are h
We know the syntax of CSS before, but in order to display the effect in the browser, we should let the browser recognize and call. When the browser reads the style sheet, read it in text format, here are four ways to insert a style sheet on a page: link to an external style sheet, an internal style sheet, import a foreign style sheet, and an inline style.
1. Link to external style sheet
The link to an external style sheet is to save the stylesheet as a style sheet file, and then link the style
:
Blind or visually impaired users-the following support is required: A textual description of all graphical control elements, a sound hint for the action result, a prompt for focus transfer (representing the selected graphical element), and a way to prompt for the default action.
Hearing impaired users-for such individuals, you must provide a visual cue for sound prompts, or provide a textual description of what you hear.
Users with mobility impairments-for such individuals, other input devi
be enabled directly in the keyboard of settings. HealthKit applications can access data in the background; "Accessibility" features improvements and bug fixes: Fixed an issue that caused "guided access" to not work properly; fixed "VoiceOver" Problems with the use of third-party keyboards; improves the stability and sound quality of iPhone6 and IPhone6 plus when used with MFI hearing aids; Fixed an issue where audio could not be stopped before dialing the next number when "voiceover" audi
At ordinary times, the Helper's home (www.bkjia.com) Tutorial intended that many mature websystems would carry a style sheet named print.css. I don't know its function. I will study it today and make some conclusions.OriginalPrint.css defines styles for printer devices.You can define print css in the following ways:
Reference content is as follows:@ Import url ("print.css") screen;@ Media print {body {font-size: 12px ;}}
Actually
Print is a media attribute of stylesheet.There
, which appears in front of the HTML page, you can also use negative values to position an element under its parent element or any of its ancestor elements.Note:IE7 and earlier versions are not supported, the Z-index maximum is 2147483647 hidden portions of the page absolutely positioned elements are often used with CSS properties visibility (visibility), hiding some pages or showing hidden portions of Visibility:hidden (hidden), Visibility:visible (visible) Visibility:hidden is similar to displ
Code:Media = "screen" rel = "stylesheet"The abbreviation for rel:relations refers to what the file is associated to . This refers to the association to a stylesheetrel = The difference between "shortcut icon" and "icon":Shortcut icon refers specifically to the icons on the left side of the browser's address bar, which are typically 16 x, with the suffix name. iconIcon refers to the icons, the format can be png,gif,jpeg, the size is generally 16x16, 24x24, 36x36, etc.Application code:rel= "shortc
original 750px; This is just the first step, you will find that this is not enough, to think of the same beautiful web page on the PC as elegant display, but also need other work, For example, the re-layout of the page module, the corresponding scaling of the picture. Then you need to use an important HTML5 module: Media Query, his role is to make your site well suited to different terminals, and provide the appropriate style;Syntax: @media [Only|not] Media_type and Media_featureMedia_type exp
How to insert CSS in a Web page
We know the syntax of CSS before, but to show the effect in the browser, we need to let the browser recognize and call. When a browser reads a style sheet, it is read in text format, which describes four ways to insert a style sheet on a page: a link to an external style sheet, an inner style sheet, an imported outer style sheet, and an inline style.
1. Linking to an external style sheet
Linking to an external style sheet is to save the stylesheet as a styleshee
of Braille. With tools such as Internet content storage and Google snapshots, even if your webpage is deleted, it may also be retained on the network for a long time.
The use of clean and compliant tags allows you to easily cope with the above situations.
Do and Don't ("yes" and "no ")
DO-use predefined labels. For example, h1 is the most important part of a webpage, followed by h2, h3, etc. A webpage can only contain one h1;
DO-Use meaningful eleme
The following code is implemented: the maximum width of the device is 767px, when the device width is greater than 767px background color is #000, otherwise is #f00, the code is as follows:below we extend the media slightly:CSS Media PropertiesScreen: Refers to computer screens.Print: Refers to the opaque media used for the printer.Projection: Refers to the item used for display.Braille: A Braille system that refers to a printed matter with tactile ef
14-pixel Verdana font on the display. However, if the page needs to be printed, the 10-pixel Times font will be used. Note: font-weight is set to bold, whether display or paper media:
The Code is as follows:
....
Different media types
Note:Media type names are case insensitive.
Media type
Description
All
Used for all media devices.
Aural
Used for speech and audio synthesizer.
Braille
It is us
to indicate where you can find the image. Using When the browser is ready to get the image, it takes out the base URL specified in the Usage: Third, LINK elementThe link element defines a relationship between two documents linked together. It is most commonly used to link an external style sheet into the current document.The properties of the link element are described below:
href: The URL to the linked document
Media: Describes which media the linked document is for. Common value
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.