-
css3能做些什么 1、圆角效果 2、块阴影与文字阴影 3、色彩(css3支持HSL,CMYK,HSLA and RGBA) 4、渐变效果 5、个性化字体(使用@Font-size实现定制字体) 6、多背景图 7、边框背景图 8、变形处理(对html元素进行变形) 9、多栏布局(不使用多个div) 10、媒体查询:针对不同屏幕分辨率,应用不同的样式查看全部
-
-webkit chrome safari -moz firefox -ms IE -o opera查看全部
-
状态选择器“:checked”表示的是选中状态 1、box背景色设为橙色的圆形 2、box中子元素包括单选按钮radio(默认样式)和span(背景为白色圆形,我们的自定义样式),但是radio不显示(因为是完全透明的) 3、被选中的单选按钮和span会显示(完全不透明),而未被选中的单选按钮不显示(因为是完全透明的)查看全部
-
CSS3选择器 :disabled选择器:disabled”选择器刚好与“:enabled”选择器相反,用来选择不可用表单元素查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 1:X轴偏移量和Y轴偏移量值可以设置为负数。屏幕左上角为坐标值0,X轴往右是正值,Y轴往下是负值 2:阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊,就和照片的背景虚化一般,实现图片3d效果。 3:阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小,用这个效果可以实现多重边框效果。 4:阴影颜色。 5:投影方式分为两种 向内向外是以边框border为界限 默认为outset,也就是向外,这可以实现多重边框的。虽然盒子模型有个outline,可以设置属性为double,这也只能实现2个边框。用投影可以轻松实现多重边框。查看全部
-
Chrome和safari:-webkit; firefox:-moz; IE:-ms; opera:-o;查看全部
-
@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后,就可以像使用普通字体一样在(font-*)中设置字体样式。 比如: p { font-size :12px; font-family : "My Font"; /*必须项,设置@font-face中font-family同样的值*/ }查看全部
-
但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
CSS3背景 multiple backgrounds 多重背景,也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加,缩写时为用逗号隔开的每组值;用分解写法时,如果有多个背景图片,而其他属性只有一个(例如background-repeat只有一个),表明所有背景图片应用该属性值。 语法缩写如下: background : [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 可以把上面的缩写拆解成以下形式: background-image:url1,url2,...,urlN; background-repeat : repeat1,repeat2,...,repeatN; backround-position : position1,position2,...,positionN; background-size : size1,size2,...,sizeN; background-attachment : attachment1,attachment2,...,attachmentN; background-clip : clip1,clip2,...,clipN; background-origin : origin1,origin2,...,originN; background-color : color; 注意: 用逗号隔开每组 background 的缩写值; 如果有 size 值,需要紧跟 position 并且用 "/" 隔开; 如果有多个背景图片,而其他属性只有一个(例如 background-repeat 只有一个),表明所有背景图片应用该属性值。 background-color 只能设置一个。查看全部
-
-webkit:chrome and safari -ms:IE -o:opera -moz:firefox查看全部
-
总结下,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;查看全部
-
可用:enabled 不可用:disabled 不可输入<input type="text" disabled="disabled" />查看全部
-
CSS3背景 background-origin 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。查看全部
-
前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
-
translate和 position 的区别? translate是如何实现居中的?查看全部
举报
0/150
提交
取消