当前位置:首页> 文章> CSS
通过css样式设置动画,转换,过渡等界面酷炫效果
通过css样式设置动画,转换,过渡等界面酷炫效果

1.过渡在css3中,有一个属性可以设置过渡效果。它就是transition,所谓的过渡效果,指的就是以动画的形式慢慢演化样式属性变化的过程。A.案例:通过transition设置焦点过渡效果<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document<···

CSS动画

 2019-05-22 22:53:13    阅读全文

CSS浏览器兼容性?
CSS浏览器兼容性?

1.对齐文本和文本输入框问题:    当input元素在设置了高时,在IE7、IE8、IE9下会出现文本和文本输入框不能对齐的现象,其他正常,包括opera解决:vertical-align:middle;2.容器宽度在浏览器中解释不同   问题:   不同浏览器下宽度不同,比如说设置width:200px,在iE7、IE8、IE9下显示的是···

CSS兼容性

 2019-05-22 22:37:47    阅读全文

使用 box-shadow 属性来为按钮添加阴影
使用 box-shadow 属性来为按钮添加阴影

使用 box-shadow 属性来为按钮添加阴影:可以设置为默认显示阴影或者是鼠标悬浮(hover)显示阴影transition 可以用于设置变化所需的时长基础说明:     外阴影:box-shadow: X轴  Y轴  Rpx  color;     属性说明(顺序依次对应): 阴影的···

按钮阴影

 2019-05-20 22:11:29    阅读全文

CSS里的display属性
CSS里的display属性

标签显示模式(display)最重要的总结:  是为了更好的适应环境而完成的自然选择。 同理,我们网页的标签非常多,再不同地方会用到不同类型的标签,以便更好的完成我们的网页。标签的类型(显示模式)HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。具体如下:块级元素(block-level)每个块元素通···

Display

 2019-05-11 19:31:59    阅读全文

Unicode字体
Unicode字体

CSS Unicode字体在 CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。xp 系统不支持 类似微软雅黑的中文。方案一: 你可以使用英文来替代。 比如 font-family:"Microsoft Yahei"。方案二: 在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用···

Unicode字体

 2019-05-11 19:25:56    阅读全文