• 17 2024-01 CSS

    CSS3中​linear-gradient属性的使用方法总结

    代码还是比较简单的: linear-gradient(65deg,#2b7ce7,#2b7ce750%,transparent0,transparent), linear-gradient(115deg,#2b7ce7,#2b7ce750%,transparent0,transparent) 但是理......

  • 17 2024-01 CSS

    CSS入门教程之margin属性

    设置外边距的最简单的办法就是运用margin属性。margin用于设置对象标签之间间隔距离,比方2个上下排列的DIV盒子,我们就能够运用margin款式完成上下2个盒子间距。margin属性承受任何长度单位,能够是像素、英寸、毫米或em。margin能够设置为auto。更常见的做法是为外边距设置长度值。下面的声明在h......

  • 17 2024-01 CSS

    animation-name属性怎么用?

    css3animation-name属性作用:animation-name属性为@keyframes动画规定名称。语法:animation-name:keyframename|none;keyframename:规定需要绑定到选择器的keyframe的名称。none:规定无动画效果(可用于覆盖来自级联的动画)。注:需始......

  • 17 2024-01 CSS

    css为select添加样式(无脚本)实现

    后来看一篇外国人写的博客,用css的样式来实现在select外面添加一个div,设置select的宽度小于父级div的宽度,然后通过设置div的background属性,改变select默认箭头的样式。此种方法不失为一个好方法,不写脚本,只用单纯的css来实现。 不过这种方法也是有瑕疵的,就是在IE系列下,选......

  • 17 2024-01 CSS

    animation属性怎么用

    css3animation属性作用:animation属性是一个简写属性,用于设置六个动画属性。语法:animation:namedurationtiming-functiondelayiteration-countdirection;说明:animation属性可以设置的六个动画属性分别为:●animation-na......

  • 17 2024-01 CSS

    CSS中什么是BEM 命名规范?

    一什么是BEM命名规范 Bem是块(block)、元素(element)、修饰符(modifier)的简写,由Yandex团队提出的一种前端CSS命名方法论。 -中划线:仅作为连字符使用,表示某个块或者某个子元素的多单词之间的连接记号。 __双下划线:双下划线用来连接块和块的子元素 _单......

  • 17 2024-01 CSS

    如何使用CSS在线字体和D3实现Google的信息图

    源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 定义dom,只有1个空元素,其中不包含任何文本: <divclass="logo"></div> 引入字体文件,......

  • 17 2024-01 CSS

    outline-offset属性怎么用

    CSS3outline-offset属性作用:对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。说明:轮廓与边框有两点不同:轮廓不占用空间,轮廓可能是非矩形的。语法:outline-offset:length|inherit;length:轮廓与边框边缘的距离。inherit:规定应从父元素继承outline-offse......

  • 17 2024-01 CSS

    如何使用纯CSS实现一把剪刀的效果

    源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 定义dom,容器中包含2个.half元素,各表示剪刀的半边,它的子元素handle表示刀柄,blade表示刀,最后的.joint表示连接左右两部分铆钉: &l......

  • 17 2024-01 CSS

    解决浏览器兼容性的小技巧

    一、chrome下会让小于12px的文本字体默认为12px显示,让chrome支持小于12px的字体 box{font-size:8px;-webkit-text-size-adjust:none;} 但是,上面这个方法chrome27以后就不能用了。但我们可以用css3解决这个问题 box{......

在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码