lineargradientlinear-gradient(toleft,red,orange,yellow,green,blue,indigo,violet)linear-gradient(指定渐变方向,颜色起点,颜色终点)文字溢出省略标记文本溢出:省略号;(溢出文字显示省略号)overflow:hidden;(隐藏溢出内容)white-space:nowrap;(强制文本在一行中显示)文本和字体的嵌入字体@font-face{font-family:字体名称;src:字体文件在服务器上的相对或绝对路径;}text和字体textshadowtext-shadow:水平偏移距离垂直偏移距离模糊度颜色背景图片裁剪填充盒|内容框|无剪辑背景剪辑:边框|内部填充|内容|无裁剪属性选择器通配符a[attribute^="value"]以值开头a[attribute$="value"]以值结束以a[attribute*="value"]任意位置结构伪类选择器子选择器例如#a>p选择#a相邻选择器的所有子类(直接子类)选择紧挨着另一个元素的元素之后,具有相同的父元素。只选择第一个相邻的匹配元素~#b~p等匹配选择器匹配#b元素后的所有p元素:root选择当前匹配元素根元素:root===html:不选择exceptone以外的所有元素elementinput:not([attribute="value"]):empty用于选择没有任何内容的元素:first-child选择父元素的第一个子元素:last-child选择父元素的最后一个子元素:nth-child(n)定位一个父元素的一个或多个特定的子元素,其中“n”是它的参数,可以是整数值(1,2,3,4),或者是表达式(2n+1,-n+5):nth-last-child(n)从一个父元素的最后一个子元素开始选择一个特定的元素。:first-of-type定位父元素下某个类型的第一个子元素:nth-of-type(n)定位父元素下某个类型的子元素:last-of-type选择父元素的最后一个元素下某个类型的子元素:enabled启用状态下的表单元素样式:disabled禁用状态下的表单元素样式:checked选中状态下的元素样式::selection突出显示的文本:只读指定“readonly”='readonly'"在只读元素的style元素中设置:read-write指定元素非只读时的样式。::before和::after用于在元素的前面或后面插入内容CSS3deformationrotationrote()distortionskew()scalingscale()displacementtranslate()css3animationtransitionpropertytransition-property:指定CSS为transitionordynamicsimulation属性transition-duration:指定完成transition所需的时间transition-timing-function:指定transition函数transition-delay:指定开始出现transition-timing-function,transition-delay)transition的延迟时间(css属性,过渡时间,过渡函数,延迟时间)transition(0ease0)默认css3animationKeyframes:keyframe@keyframes动画名称{...}animation-name:动画名称animation-duration:动画时间animation-timing-function:动画播放方式animation-delay:定义动画开始时间animation-iteration-count:设置动画播放次数animation-direction:动画播放方向animation-play-state:播放状态animation-fill-mode:定义动画开始前后发生的操作css3multi-columncolumn-count:指定需要拆分的列数。column-gap属性指定列之间的间距。column-rule-style属性指定列之间的边框样式:column-rule-width属性指定两列的边框粗细:column-rule-color属性指定两列的边框颜色:column-ruleattribute是column-rule-*所有属性的简写。column-width属性指定列的宽度。css3多媒体查询@medianot|onlymediatypeand(expressions){CSScode...;}@mediaexceptthosedevices|specificmediatypeand(expressions){CSScode...;}
