css基础属性（CSS basic properties）.docVIP

css基础属性（CSS basic properties） CSS property: 1, media (Media) type One of the most important features of a style sheet is that it can act on 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, which is valid only for scrolling media types (screens). Declares a media property that can be introduced with @import or @media: @import URL (loudvoice.css) speech; @media print { Style sheet for print goes here / * * / } You can also introduce media into a document tag: LINK rel=, stylesheet, type=, text/css, print, href=, foo.css, media= As you can see, the difference between @import and @media is that the former introduces an external style sheet for media types, and the latter introduces media properties directly. @import uses the URL address of the @import plus single file, plus the media type, which allows multiple media to share a style sheet and separates media types with . The @media rule is to put the media type in front, and the other rules are basically the same as rule-set. Various media types are listed below: SCREEN: refers to the computer screen. PRINT: an opaque medium used for printers. PROJECTION: refers to the items used for display. BRAILLE: Braille system, printed with tactile effects. AURAL: refers to the electronic synthesizer of speech sounds. TV: refers to the television type media. HANDHELD: refers to handheld display devices (small screens, monochrome) ALL: suitable for all media. CSS property: 2, BOX model (BOX, Model) attributes What is BOX? CSS puts somesign in HTML The part of /somesign is called BOX (container), and BOX has three types of attributes: padding, margin, and border. Margin property: The Margin property is divided into margin-top, margin-right, margin-bottom, margin-left and margin five properties, said BOX content from the edge distance respectively, its attribute value is the value of units, can be length, pe