css3（1）_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css3（1）_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1780字，纯文字阅读大概需要3分钟。
内容图文
大家经常握手机玩腾讯的游戏，可能没想过这些游戏是怎么实现的，单单享受游戏的过程和感觉，其实有些有些游戏是由CSS3+js+H5实现的，下面我先来介绍下CSS3，欢迎大家吐槽。下面的基础知识是概念，大家一看就懂，如果你想学好这些，请耐心看完，欢迎大家斧正。 基础知识一：目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。在你学习的过程中，你有时候会看到有些代码前面有前缀，他是为了兼容不同的浏览器，下面是图示：
基础知识二：what can CSS3 do?
css3在动画，圆角，选择器，阴影，色彩，渐变效果，个性化字体，多背景图，边框背景图，变形处理，多栏布局，媒体查询等领域扮演着重要作用，大大简化了前端开发人员的设计过程，加快页面加载速度.
基础知识三：border-radius是用来向元素添加圆角边框，使用方法，border-radius:10px,意思是：所有角都使用半径为10px的圆角；border-radius:4px 3px 2px 1px,按照顺时针，四个半径的数值分别是左上角，右上角，右下角，左下角。在这里举一反三，根据这个属性，你想下实心圆，实心上半圆，实心下半圆，实心左半圆还有实心右半圆怎么实现？
基础知识四：box-shadow是向盒子添加阴影，支持一个或者多个阴影，只要你想得到，没有你实现不了的阴影。
他的语法是：box-shadow：X轴偏移量，Y轴偏移量，阴影模糊半径，阴影拓展半径，阴影颜色，投射方式。
参数设置如图：
X轴偏移量为正，则表示阴影在对象的右边，反之为左边；
Y轴偏移量为正，则表示阴影在对象的下边，反之为上边；
阴影模糊半径其数值可以为0或者为正，不可以为负值，切记。其数值为0时，表示对象不具备模糊效果，其数值越大，阴影的模糊边缘就越大。
阴影拓展半径，其数值可以正负和0，正值越大说明阴影半径延伸越大，负值越小说明阴影半径延伸越小。
内容总结
以上是互联网集市为您收集整理的css3（1）_html/css_WEB-ITnose全部内容，希望文章能够帮你解决css3（1）_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。