-
animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。查看全部
-
总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property duration timing-function delay; animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;查看全部
-
CSS3 Keyframes介绍 被称为关键帧，主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 其中0%和100%还可以使用关键词from和to来代表查看全部
-
transition-timing-function 过渡函数 （1）ease:速度逐渐变慢 （2）linear:恒速 （3）ease-in:加速，即渐显效果 （4）ease-out:减速，即渐隐效果 （5）ease-in-out:先加速再减速查看全部
-
display:block;以块元素形式呈现; transform适用于：所有块级元素及某些内联元素。为了确保旋转有效，将行内元素转为块级元素是最好的方法。查看全部
-
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。 对于CSS2之前已有的伪元素，比如:before和:after，单冒号和双冒号的写法::before和::after作用是一样的。 如果只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，如果不得不兼容IE浏览器，还是用CSS2的单冒号写法比较安全。查看全部
-
textarea:-moz-read-only{} textarea :read-only {}查看全部
-
在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。查看全部
-
even偶数 odd奇数查看全部
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>!important</title> <style type="text/css"> p.first{color:green;} p #first{color:blue;} p span{color:red;} /*p#first{color:red;}*/ </style> </head> <body> <h1>勇气</h1> <p class="first" id="first">三年级时，我还是一个<span id=#first>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> <p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span class="first">简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p> </body> </html>查看全部
-
background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain对图片进行伸缩，background-size:auto|<长度值>|<百分比>|cover|contain查看全部
-
background-clip 将图片做适当裁剪以适应实际需要，background-clip：border-box|padding-box|content-box|no-clip查看全部
-
用逗号隔开每组 background 的缩写值； 如果有 size 值，需要紧跟 position 并且用 "/" 隔开； 如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 background-color 只能设置一个。查看全部
-
@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。 在CSS样式里面写@font-face{ font-family:my font(自己取） src:字体路径} 后面设置字体时要和你自己取的字体名称相同，如p{font-family:my font}查看全部
-
text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 以上三种属性一起用才能达到省略的效果查看全部
举报
0/150
提交
取消