css-cheat-sheet-v1

css-cheat-sheet-v1 Boxes margin * margin-top margin-right margin-bottom margin-left padding * padding-top padding-right padding-bottom padding-left border * border-top * border-bottom * border-right * border-left * border-color * border-top-color border-right-color bor...

Boxes margin * margin-top margin-right margin-bottom margin-left padding * padding-top padding-right padding-bottom padding-left border * border-top * border-bottom * border-right * border-left * border-color * border-top-color border-right-color border-bottom-color border-left-color border-style * border-top-style border-right-style border-bottom-style border-left-style border-width * border-top-width border-right-width border-bottom-width border-left-width Positioning display position top right bottom left float clear z-index direction unicode-bidi overflow clip visibility Dimensions width min-width max-width height min-height max-height line-height vertical-align Miscellaneous content quotes counter-reset counter-increment marker-offset list-style * list-style-type list-style-image list-style-position Shorthand properties are marked with * Paging size marks page-break-before page-break-after page-break-inside page orphans widows Color / Background color * background background-color background-image background-repeat background-attachment background-position Fonts * font font-family font-style font-variant font-weight font-stretch font-size font-size-adjust Text text-indent text-align text-decoration text-shadow letter-spacing word-spacing text-transform white-space Tables caption-side table-layout border-collapse border-spacing empty-cells speak-header Interface cursor * outline outline-width outline-style outline-color Aural volume speak * pause pause-before pause-after * cue cue-before cue-after play-during azimuth elevation speech-rate voice-family pitch pitch-range stress richness speak-punctuation speak-numeral Available free from AddedBytes.com SELECTORS * div div * div span div, span div > span div + span .class div.class #itemid div#itemid a[class] a[class='x'] a[class~='x'] a[lang|='en'] Styles apply to: All elements

Elements within

within

and with

as parent preceded by

...

Elements of class "class"

of class "class" Element with id "itemid"

with id "itemid" with class attribute when class is "x" when class is a list of space-seperated values and one of those is 'x' when lang begins with "en" MEDIA TYPES (@media) all braille embossed handheld print projection screen speech tty tv PSEUDO-SELECTORS :first-child :first-line :first-letter :hover :active :focus :link :visited :lang(lang) Styles apply to: First child of element First line of element First letter of element Element when mouse over Active element Element with focus Non-active, unvisited links without mouse over. Visited links Element with text of language "lang" UNITS px em ex % in cm mm pt pc #789abc #acf rgb(0,25,50) 0 Pixels 1em equal to font size of parent (same as 100%) Height of lower case "x" Percentage Inches Centimeters Millimeters 1pt = 1/72in 1pc = 12pt RGB Hex Notation Equates to "#aaccff" Value (0 to 255) of each of red, green, and blue. May also be percentages 0 requires no unit BOX MODEL Width MarginPadding Visible Area Height Border PROPERTIES THAT INHERIT azimuth border-collapse border-spacing caption-side color cursor direction empty-cells font font-family font-stretch font-size font-size-adjust font-style font-variant font-weight letter-spacing line-height list-style list-style-image list-style-position list-style-type orphans page page-break-inside quotes speak speak-header text-align text-indent text-transform volume white-space widows word-spacing csscss SYNTAX /* Comment */ @media type { selector { property: values; } } (Media type optional)

                    本文档为【css-cheat-sheet-v1】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

css-cheat-sheet-v1

你可能还喜欢