发表于： 2019-06-12 22:48:59
1 855
今天完成的任务:
1、完成了按钮组的设置，昨天遇到的问题得到了解决，详细的使用了好几种方式，分别用图片插入方式，也就是说最简单粗暴的那种，但是我个人感觉这种方式没有后面几种方式好用，阴影部分插入这个方法不错。还有一个边框方式，这个方法比较简单方便。目前只知道这三种，后面还得用心去发现有没有更多的方法。
2、box-shadow属性是新属性，为了兼容各主流浏览器并支持这些主浏览器的较低版本，基于主流浏览器上使用box-shadow属性时，我们需要将属性的名称写成-webkit-box-shadow的形式。Firefox浏览器则需要写成-moz-box-shadow的形式，
遇到的问题：
使用了box-shadow实现不了中心圆点，通过阴影的大小进行了调试，得了解决
明天计划的事情:明天打算进行详细学习下面一部分内容
收获：
box-shadow分为内阴影和外阴影，一般默认样式为外阴影，里面加一个inset值为内阴影第一个值x轴正数向右，负数向左。第二个值为y轴正数向下，负数向上。第三个为模糊程度的调试，第四值阴影的大小。再后面为选择的颜色
::before和::after伪类元素区别效果是一样的，它们代表着前面和后面的意思，两个元素默认是内联元素，我们要为其增添样式，需要注意的是必须要在样式中加上content:里面想要增加的内容。
返回列表
评论