分享更有价值
被信任是一种快乐

CSS3+新属性有哪些

文章页正文上

这篇文章主要介绍“CSS3+新属性有哪些”,在日常操作中,相信很多人在CSS3+新属性有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS3+新属性有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!新属性下面是 CSS3 新增的 CSS3 属性列表。animation(and eightassociated longhand properties)background-clipbackground-originbackground-sizeborder-radius(and fourassociated longhand properties)border-image(and sixassociated longhand properties)box-decoration-breakbox-shadowbox-sizingcolumns(and thirteenassociated multi-column properties)clear-afterflex(and elevenassociated flexbox properties)font-stretchfont-size-adjustfont-synthesisfont-kerningfont-variant-capshanging-punctuationhyphensiconimage-resolutionimage-orientationline-breakobject-fitobject-positionopacityoutline-offsetoverflow-wrap/word-wrapbackface-visibilityperspectiveperspective-originpointer-events(for HTML)resizetab-sizetext-align-lasttext-decoration-linetext-decoration-skiptext-decoration-positiontext-decoration-styletext-emphasis(and threeassociated properties)text-justifytext-orientationtext-overflowtransformtransform-styletext-shadowtransition(and fourassociated longhand properties)word-breakword-spacingwriting-mode新的值在 CSS3 中为 CSS2.1 新增的取值,下面是每个属性新值的列表。Value “local” for thebackground-attachmentpropertyValue “rgba()” for any property that accepts a color valueValue “hsl()” for any property that accepts a color valueValue “hsla()” for any property that accepts a color valueValue “currentColor” for any property that accepts a color valueValue “inset()” for theclippropertyValue “linear-gradient()” for any property that accepts an image valueValue “radial-gradient()” for any property that accepts an image valueValue “repeating-linear-gradient()” for any property that accepts an image valueValue “repeating-radial-gradient()” for any property that accepts an image valueValue “image()” for any property that accepts an image valueMultiple comma-separated images for any property that accepts an image valueMultiple comma-separated background-related values to match multiple background image declarationsValue “center” for thepositionpropertyValue “page” for thepositionpropertyValue “space” for thebackground-repeatpropertyValue “round” for thebackground-repeatproperty15 new values for thecursorpropertyValues “flex” and “inline-flex” for thedisplaypropertyValues “all-small-caps”, “petite-caps”, “all-petite-caps”, “titling-caps”, and “unicase” for thefont-variantpropertyMultiple, space-separated values for theletter-spacingpropertyNew values for thetext-alignproperty, including ““, “match-parent”, “start”, “end”, and “start end”text-decorationis now a shorthand propertyKeywords “hanging” and “each-line” declared along with length or percentage values for thetfext-indentpropertyValue “full-width” for thetext-transformpropertyremunits for lengthscalc()units for lengthstoggle()unitsAngle units (deg,grad,rad,turn)Time units (s,ms)新选择器下面是 CSS3 中新增的选择器。Substring matching attribute selectors ([att^=val],[att$=val],[att*=val]):targetpseudo-classNew pseudo-classes::enabled,:disabled,:checked, and:indeterminate:rootpseudo-classNew expression-based structural pseudo-classes::nth-child(),:nth-last-child(),:nth-of-type(),:nth-last-of-type()Other new structural pseudo-classes::last-child,:first-of-type,:last-of-type,:only-child,:only-of-type,:emptyThe negation pseudo-class:not()Four pseudo-elements with double-colon syntax (::first-line,::first-letter,::before,::after)The following-sibling combinator (p ~ img)::selectionpseudo-class (removed from the spec, but everyone uses it)其它新特性其它 CSS2.1 没有包含的特性。@font-faceMedia QueriesKeyframe animations using@keyframesConditional styles using@supportsNamespacing using@namespa免费云主机、域名ceRegionsFilters仍在变化中的特性上面的列表并不详尽,还有很多仍然在发展中的规范,并没有太多的浏览器支持,下面是这些新模块的列表。Counter Styles Level 3Device AdaptationDisplay Module Level 3Line GridMobile Text Size AdjustmentCSS VariablesBox AlignmentThe “all” propertyExclusions and ShapesGenerated Content for Paged MediaGrid LayoutGrid Template LayoutLine Layout ModuleNew features inLists and CountersOverflow ModuleNew features inPaged MediaNew features inCSS SizingMedia Queries Level 4Selectors Level 4ch unitsViewport relative lengthsNewresolution unitsCompositing and BlendingNew features inCSS speechTheunicode-range descriptorfor@font-faceNew features inCSS Images and Replaced ContentCSS Masking到此,关于“CSS3+新属性有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注云技术网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: JavaScript怎么定义对象和数组

这篇文章主要介绍“JavaScript怎么定义对象和数组”,在日常操作中,相信很多人在JavaScript怎么定义对象和数组问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript怎么定义对象和数组”的疑惑有所帮助!接…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册