example, the character putting is concatenated with a space, the selection condition is enclosed in parentheses, and the style code is a compatible set of style sheets, enclosed in brackets. Only (limited to a certain device, can be omitted), and (logical AND), not (excluding a certain device) is a logical keyword, a variety of devices separated by commas, which inherits the basic CSS syntax.Types of devices availableIn the syntax above, such as embedding "@media" in CSS, you must write "@media
not controlled by JavaScript primitives (and is only triggered by JavaScript), the browser does not know how to optimize them synchronously with the JavaScript code that controls these transition. 2) keyframes animation animation curve will be applied to all the changing properties, and handwriting more complex animation, writing is a nightmare.Two, SVG animation 2.1 instanceView Example Demo2.2 SVG animation pros and consAdvantages:1) vector graphics, unaffected by pixel--svg This feature make
The at (@) rule injects CSS rules into a single compression capsule and applies it to certain objects specified. Oh.ImportImporting the import at rule will swallow another style sheet. For example, if you need to add another style sheet style to the existing one, you can do this:@import URL (addonstyles.css);This is often used to replace the The advantage of this is that some old browsers, such as Netscape 4.x, do not accept the at rule, and thus do not connect the style sheet, so that if you ha
version Version compatibility compatibility description overview All css2 ie4 + for all device types aural css2 none for speech and music synthesizer Braille css2 none for tactile feedback devices embossed css2 none for convex Character (Braille) printed device handheld css2 none for small or portable devices Print css2 ie4 + for printers projection css2 none for projection images, for example, s
From: http://blog.sina.com.cn/s/blog_3eba8f1c0100emu4.html
Recently, I wrote some things that need to provide the Web page printing function. Therefore, this section describes how to use IE6 to support the printing function. The security settings and support for different browsers are different. If not, use your browser's built-in printing function (or manually enable ActiveX control ). If your writing is insufficient or you cannot clearly describe it, please correct it. ^-^
CSS style printing
Media query in CSS3, CSS3media
In the past few days, I have read in detail the CSS3 of MOOC,Address here: http://www.imooc.com/code/1405
Take notes:
1. media query in css3 1. 10 media query types in CSS3 value device types
All devices (familiar)
Screen Display (familiar)
Print paper or print preview view (familiar)
Braille tactile feedback device for blind people
Embossed Braille printer
Handheld portable d
0110 118 76 V0111 0111 119 77 W0111 1000 120 78 X0111 1001 121 79 y0111 1010 122 7A Z0111 1011 123 7b {0111 1100 124 7C |0111 1101 125 7d}0111 1110 126 7E ~
0111 1111 127 7f del (delete) DeleteThere are also 128-255 ASCII charactersBrief character set historyHieroglyphics before January 1, 6000Alphabet before January 1, 3000From 1838 to 1854, Samuel F. B. Morse invented the telegraph. Each character in the alphabet corresponds to a series of short and long pulses.Louis
(). WidthResize.orientationchangeVi. Media EnquiryAll mediaBraille Braille Tactile DevicesEmbossed Braille PrinterPrint handheld deviceProjection Print PreviewScreen Color EquipmentSpeech ' auditory ' similar media typesTTY non-pixel-compatible devicesTvVii. characteristics of the mediaMin-width resolution width greater than or equal to device is worth recognizingMax-width when the resolution width is less
Four, CSS properties:
1. Media type
One of the most important features of a style sheet is that it can be used in a variety of media, such as pages, screens, electronic synthesizers, and so on. Specific properties can only be applied to specific media, such as the "Font-size" property is valid only for scrolling media types (screen).
Declaring a media property can be introduced with @import or @media:
@import URL (loudvoice.css) speech;
@media Print {
/* style sheet for print goes here * *
}
You
CSS3 provides the concept of media Queries, which you can use to query the following data:1, the width and height of the browser window;2, the width and height of equipment;3, the equipment hand-held direction, horizontal/vertical;4, resolution.The syntax format for @media rules is as follows:@media: (1) Edia>: Specifies the device name. The CSS device types include the following:,
All: for all devices.
Aural: For speech and music synthesizers.
), submitted to computer screens;
Print, output to printer;
Projection, submitted to the projector;
Aural, loudspeaker;
Braille, submitted to Braille tactile sensing device;
TTY, telex (using fixed fonts);
TV, TV;
All, output devices.
Finally, the question is added. Divided into IE, Firefox and other three kinds of browser. The decision viewer also uses individual private properties or methods. If styleshee
text of the site can change over time to adapt to the changes in the background. The author is doing very well, there is no problem in font size and typesetting! More interestingly, the site supports up to 10 languages, including Braille. Small Yi First also do not understand, but later read some articles to know actually blind also can "listen" Webpage! So little Yi has reason to believe that the necessity of the existence of
resources called a whole, departmental resources called a whole, and because the UED department has a certain supply relationship, so we need to clarify the relationship between the resources of the whole case.
Classification of archives by category
On the Division of Class purpose, referring to the file management system of a party committee, the definition of the file level of the party committee is divided into seven categories: that is (1) Party archives (for the word: A); (2) Infrastruct
Source: http://www.jb51.net/web/70358.htmlCSS Controls page print style :Using CSS to control the print style, the grip just use a mess, do not know what the role of CSS in the Midia, asked others said to import this style, but also silly at a loss. If you also have this phenomenon, then I tell you, in W3school to find the role of CSS Midia.Midia Definition and usage :The media attribute specifies what device the linked document will be displayed on.The media property is used to specify differen
equal ". For example, width supports min-width and max-width media queries, which can be used in the @ media and @ import rules in CSS or in HTML and XML. With this tag attribute, we can easily implement a wide variety of interfaces on different devices ** 2. Values that Media can obtain ** device width and height: device-width, device-height display screen/tactile device rendering window width and height: width, heigth display screen/tactile device handheld direction: orientation (portrait | l
1. First declare the correct document type DOCTYPEThere are typically four document types to choose from:DOCTYPE is defined before HTML to tell the browser that the page contains HTML, XHTML, or both, so that the browser can parse the label correctly. According to research, most browsers will parse this statement in a common way, so most of them use the HTML4.01 standard.2. When writing HTML, try not to use an embedded CSS style, because doing so will cause problems in your code, so it is best t
is also good. 14. Monitor the power consumption of each applicationIOS8 also has a deep hidden feature, which opens the Battery usage menu in the settings, and users will find that the percentage of power consumed in recent apps is on the inside, at a glance. After such monitoring, it is really the most power consumption of the camera!15. Braille KeyboardIOS8 finally added a braille keyboard. For the blind
: Output to TV
· Projection: Output to Projector
· Aural: Output to Speaker
· Braille: Output to Braille tactile sensing device
· Tty: Output to telex typewriter
· All: output to all devices above
If you are exporting to multiple media, you can separate the table of values with commas.
The Rel attribute indicates how the style sheet will be combined with an HTML document. Range of values:
· Styleshe
: Output to Speaker
· Braille: Output to Braille tactile sensing device
· Tty: Output to telex typewriter
· All: output to all devices above
If you are exporting to multiple media, you can separate the table of values with commas.
The Rel attribute indicates how the style sheet will be combined with an HTML document. Range of values:
· Stylesheet: Specify an external style sheet
· Alternate stylesheet: Spec
How to use CSS @media print to control printing?==================================================================== @media version: CSS2 Compatibility: ie5+Grammar:@media Smedia {Srules}DescriptionSmedia: Specifies the device name. See Appendix: Device Type srules: style sheet definitionSpecifies a style sheet rule for the specified device type. See the link object's media properties (attributes).Example:Set the display Font size @media screen {BODY {font-size:12pt;}}Set the font size for the p
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.