-
CSS3关键技术点查看全部
-
只要有電腦或有手机的朋友们,每天只需2-3小时的丄罔时间,就能曰入80-300不等,多劳多得,工姿曰结,无论你是全职太太,办公室职员,在校學笙,都可以,咨询下不会吃亏,不限制在线时间,不需要任何的留动姿鑫,加Q_Q【2862991622查看全部
-
relative和absolute的用法 absolute是完全脱离文档流,而relative不脱离文档流,即使它看起来像是偏移了。 如果想要子元素相对父元素进行偏移,那么父元素就要设置position:relative; 子元素就要设置position:absolute;然后加上top和left。 absolute是针对于父元素进行定位的,如果父元素没有添加相对定位relative,那么子元素的绝对定位就是针对body来进行定位的。 相对定位是针对自身进行偏移的,如:position:relative;top:-50px;就会相对自身下移50px。查看全部
-
CSS3方便快捷查看全部
-
1.提示框的整体宽的获取用.outerWidth()方法。 2.提示框的渐变效果用.animate({})方法 3.移动端建议用css3实现渐变效果;pc端为了浏览器兼容,有的动画渐变效果建议用.animate()方法。查看全部
-
制作一个三角形 display:block; width:0; height:0; border: solid 7px transparent; 制作一个像素为7的三角形 border-top-color: #2DCB70; 这里的top决定了三角形的方向 position:absolute;查看全部
-
为了使tip元素能够自适应大小,所以要基于外面的大div来定位。 若tip元素的大小大于父元素的大小,是会看不到的(overflow: hidden;)查看全部
-
line是相对与button来定位的。 所以要在button里加position:relative; 否则line会想对于整个div来进行定位查看全部
-
css3制作幽灵按钮查看全部
-
html5+css3实现圆角border-radius属性查看全部
-
<a>标签的href属性的作用是链接地址查看全部
-
<a>标签制作按钮的优点: (1)没有默认事件 (2)可以用CSS模拟成按钮外观,并做到宽度自适应 (3)可以增加上交互效果,且为浏览器均兼容 例子: css: a{display:inline-block;height:40px;line-height:40px;text-decoration:none;background:url(images/btn_bg.png);padding-left:15px;} a span{dispaly:inline-block;height:40px;color:#fff;background:url(images/btn_bg.png) right -40px;padding-right:15px;} a:hover span{ background-position:right -120px} //鼠标悬浮背景色变浅 html: <a href="javascript:;"><span>按钮按钮按钮按钮按钮</span></a>查看全部
-
圆角水晶按钮制作 一、传统<input>标签 1.<input>按钮的种类:<input type="button"><input type="submit"><input type="reset"> 2.<input>按钮的默认样式 3.<input>按钮的默认事件 4.用<input>制作圆角按钮的局限性 (1)宽度无法自适应 (2)没有交互效果查看全部
-
transform 定义和语法: transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 参数: rotate(angle )定义 2D 旋转,在参数中规定角度 rotateX(angle)定义沿着 X 轴的 3D 旋转。 rotateY(angle)定义沿着 Y 轴的 3D 旋转。 rotateZ(angle)定义沿着 Z 轴的 3D 旋转。 scale(x,y)定义 2D 缩放转换。 scale3d(x,y,z)定义 3D 缩放转换。 scaleX(x)通过设置 X 轴的值来定义缩放转换。 scaleY(y)通过设置 Y 轴的值来定义缩放转换。 scaleZ(z)通过设置 Z 轴的值来定义 3D 缩放转换 transition 语法: transtion:property duration timing-function delay; 定义和用法: transtion属性是一个简写属性,用于设置四个过渡属性: (1)transtion-property:规定设置过渡效果的css属性的名称 (2)transtion-duration:规定完成过渡效果需要多少秒或毫秒 (3)transtion-timing-function:规定速度效果的速度曲线 (4)transtion-delay:定义过渡效果何时开始 box-sizing 定义和用法 box-sizing 属性允许以特定的方式定义匹配某个区域的特定元素。 语法 box-sizing: content-box|border-box|inherit 值描述 content-box 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。 border-box 为元素设定的宽度和高度决定了元素的边框盒。 就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。 通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit 规定应从父元素继承 box-sizing 属性的值。 border-radius 定义和用法 border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。查看全部
-
html结构制作: css3关键技术点:transform、transition、box-sizing、border-radius查看全部
举报
0/150
提交
取消