css1 css2 css3 区别

CSS1提供有关字体、颜色、位置和文本属性的基本信息，该版本已经得到了目前解析HTML和XML的浏览器的广泛支持。让程序员开发时可以不考虑显示和界面就可以制作表单和界面，显示问题可由美工或是程序员后期再来编写相应的 CSS2.0样式来解决。list-style-type disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin |_qdzhj.com_ hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inheritmargin {1,4} | inherit 收藏查看我的收藏51有用+117CSS2编辑CSS2.0提供给我们了一个机制，让程序员开发时可以不考虑显示和界面就可以制作表单和界面，显示问题可由美工或是程序员后期再来编写相应的 CSS2.0样式来解决。不过由于CSS2.0目前尚未见过很好的编辑软件，所以无法做到所见即所得，编写起来不易。目录1CSS2简介2CSS2单位▪相对长度单位▪绝对长度单位▪颜色单位▪角度单位▪时间单位▪频率单位3CSS2标准属性1CSS2简介编辑样式单自从CSS1的版本之后，又在1998年5月发布了CSS2版本，样式单得到了更多的充实。CSS2.0是一套全新的样式表结构，_qdzhj.com_是由W3C推行的，同以往的CSS1.0或CSS1.2完全不一样，CSS2.0推荐的是一套内容和表现效果分离的方式，HTML元素可以通过CSS2.0的样式控制显示效果，可完全不使用以往HTML中的table和td来定位表单的外观和样式，只需使用div和 Li此类HTML标签来分割元素，之后即可通过CSS2.0样式来定义表单界面的外观。2CSS2单位编辑相对长度单位em ex px绝对长度单位pt pc in cm mm颜色单位rgb(R,G,B) #RRGGBB Color Name角度单位deg grad rad时间单位s ms频率单位kHz Hz3CSS2标准属性编辑属性 取值(本列及后列链接源为W3C） 初值 适用于（默认所有） 继承性 百分比（默认N/A） 媒体 azimuth | [[ left-side | far-left |_yuzhishiye.com_ left | center-left | _qdzhj.com_center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit center yes aural background [background-color || background-image |_yuzhishiye.com_| background-repeat || background-attachment || background-position] | inherit XX no allowed on 'background-position' visual background-attachment scroll | fixed | inherit scroll no visual background-color | transparent | inherit transparent no visual background-image | none | inherit none no visual background-position [ [ | ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit 0% 0% block-level and replaced elements no refer to the size of the box itself visual background-repeat repeat | repeat-x | repeat-y | no-repeat | inherit repeat no visual border [ border-width || border-style || ] | inherit see individual properties no visual border-collapse collapse | separate | inherit collapse 'table' and 'inline-table' elements yes visual border-color {1,4} | transparent | inherit see individual properties no visual border-spacing ? | inherit 0 'table' and 'inline-table' elements yes visual border-style {1,4} | inherit see individual properties no visual border-top border-right border-bottom border-left [ border-top-width || border-style || ] | inherit see individual properties no visual border-top-color border-right-color border-bottom-color border-left-color | inherit the value of the 'color' property no visual border-top-style border-right-style border-bottom-style border-left-style | inherit none no visual border-top-width border-right-width border-bottom-width border-left-width | inherit medium no visual border-width {1,4} | inherit see individual properties no visual bottom | | auto | inherit auto positioned elements no refer to height of containing block visual caption-side top | bottom | left | right | inherit top 'table-caption' elements yes visual clear none | left | right | both | inherit none block-level elements no visual clip | auto | inherit auto block-level and replaced elements no visual color | inherit depends on user agent yes visual content [ | | | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit empty string :before and :after pseudo-elements no all counter-increment [ ? ]+ | none | inherit none no all counter-reset [ ? ]+ | none | inherit none no all cue [ cue-before || cue-after ] | inherit XX no aural cue-after | none | inherit none no aural cue-before | none | inherit none no aural cursor [ [ ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | inherit auto yes visual, interactive direction ltr | rtl | inherit ltr all elements, but see prose yes visual display inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit inline no all elevation | below | level | above | higher | lower | inherit level yes aural empty-cells show | hide | inherit show 'table-cell' elements yes visual float left | right | none | inherit none all but positioned elements and generated content no visual font [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar | inherit see individual properties yes allowed on 'font-size' and 'line-height' visual font-family [[ | ],]* [ | ] | inherit depends on user agent yes visual font-size | | | | inherit medium yes, the computed value is inherited refer to parent element's font size visual font-size-adjust | none | inherit none yes visual font-stretch normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit normal yes visual font-style normal | italic | oblique | inherit normal yes visual font-variant normal | small-caps | inherit normal yes visual font-weight normal | bold | bolder | lighter | 100 |、 200 | 300、 | 400 |、 500、 | 600 | 700 、| 800 | 900 | inherit normal yes visual height | | auto | inherit auto all elements but non-replaced inline elements, table columns, and column groups no see prose visual left | | auto | inherit auto positioned elements no refer to width of containing block visual letter-spacing normal | | inherit normal yes visual line-height normal | | | | inherit normal yes refer to the font size of the element itself visual list-style [ list-style-type || list-style-position || list-style-image ] | inherit XX elements with 'display: list-item' yes visual list-style-image | none | inherit none elements with 'display: list-item' yes visual list-style-position inside | outside | inherit outside elements with 'display: list-item' yes visual list-style-type disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit disc elements with 'display: list-item' yes visual margin {1,4} | inherit XX no refer to width of containing block visual margin-top margin-right margin-bottom_6789w.net_ margin-left | inherit 0 no refer to width of containing block visual marker-offset | auto | inherit auto elements with 'display: marker' no visual marks [ crop || cross ] | none | inherit none page context N/A visual, paged max-height | | none | inherit max-width | | none | inherit CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。左边这个布局复杂的三栏网页来说，如果使用CSS3Grid布局的话，我们只需这样写：body{columns:3;column-gap:0.5in;}img{float:pagetopright;width:3gr;}border-color: border-top-color: /*给上边框上色*/border-right-color: /*给右边框上色*/border-bottom-color:/*给下边框上色*/border-left-color: /*给左框上色*/