电话
13363039260
-
使用css技术的线性渐变来设计彩虹
在网页设计中，有时候会需要用到渐变效果，渐变可以创建出类似于彩虹的视觉图案效果，在没有CSS3之前，为了显示一个渐变需要专门制作一个图片，这种不法不但不灵活还增加请求数，而CSS3可以轻松实现网页渐变效果，用于做渐变背景、渐变导航、配合CSS3动画做特效等。在CSS3中，Gradient（渐变）分为linear-gra......
阅读全文 >> 788 -
Css技术中使用径向渐变做一张优惠券
主要的代码如下：background:radial-gradient(transparent0,transparent5px,#F39B005px);background-size:15px15px;background-position:9px3px;完整代码：CSS代码stamp{width:387px;heigh......
阅读全文 >> 656 -
Css技术中的checked伪类选择器
checked伪类是CSS3引入的一个很棒的状态选择器，用来表示选择框（radio box、check box或options）的选中状态。有些读者可能会有点疑问，我们在文档中也可以放入初始状态（如Section 17.2.1 of HTML4里面定义的selected或checked）。因此严格而言:checked伪......
阅读全文 >> 995 -
Css技术中线性渐变的语法
对象选择器 {background:-浏览器前缀-linear-gradient( 起点方向,起点颜色,终点颜色);}径向渐变的语法对象选择器 {background:-浏览器前缀-radial-gradient( 起点方向,形状,大小,起点颜色,终点颜色);}渐变的兼容方法1、线性渐变各浏览器前缀(1)Firefox......
阅读全文 >> 996 -
CSS定位机制中的浮动种类
CSS 有三种基本的定位机制：相对定位、浮动和绝对定位。接下来讲解一下浮动的定位代码。浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。1.当都不设置浮动时：<!DOCTYPE html><h......
阅读全文 >> 881 -
CSS-nth-child
nth-child这个伪类是 :first-child 和 :last-child的通用版本，用来选择第n个子元素。比如，如果你想选择第2个子元素，你可以使用 :nth-child(2)：li:nth-child(2){ background: violet;}奇数和偶数（odd 和 even）除了使用直接的数字外，......
阅读全文 >> 857 -
Css的相对定位代码
相对定位指的是设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。如果将box2的框 top 设置为 50px，那么框将在原位置顶部下面 50 像素的地方。如果 left 设置为 20 像素，那么会在元素左边创建 20 像素的空间，也就是将元素向右移动。只要box2设置了posi......
阅读全文 >> 719 -
css选择器知识汇总
选择器的种类可以分为三种：标签名选择器、类选择器，ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。CSS选择器效率从高到低的排序如下：1.id选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）5.子选择器（ul > ......
阅读全文 >> 903
猜你喜欢
联络方式：
13363039260
微信二维码 