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