前端开发——常用css样式

用css 添加手状样式,鼠标移上去变小手,变小手           cursor:pointer;

cursor其他取值  
auto：标准光标  
default：标准箭头  
pointer, hand：手形光标  
wait：等待光标  
text：I形光标  
vertical-text：水平I形光标  
no-drop：不可拖动光标  
not-allowed：无效光标  
help：帮助光标  
all-scroll：三角方向标  
move：移动标  
crosshair：十字标  

---

transform 属性

transform: none|transform-functions;

值	描述
none	定义不进行转换。
matrix(n,n,n,n,n,n)	定义 2D 转换，使用六个值的矩阵。
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)	定义 3D 转换，使用 16 个值的 4x4 矩阵。
translate(x,y)	定义 2D 转换。
translate3d(x,y,z)	定义 3D 转换。
translateX(x)	定义转换，只是用 X 轴的值。
translateY(y)	定义转换，只是用 Y 轴的值。
translateZ(z)	定义 3D 转换，只是用 Z 轴的值。
scale(x,y)	定义 2D 缩放转换。
scale3d(x,y,z)	定义 3D 缩放转换。
scaleX(x)	通过设置 X 轴的值来定义缩放转换。
scaleY(y)	通过设置 Y 轴的值来定义缩放转换。
scaleZ(z)	通过设置 Z 轴的值来定义 3D 缩放转换。
rotate(angle)	定义 2D 旋转，在参数中规定角度。
rotate3d(x,y,z,angle)	定义 3D 旋转。
rotateX(angle)	定义沿着 X 轴的 3D 旋转。
rotateY(angle)	定义沿着 Y 轴的 3D 旋转。
rotateZ(angle)	定义沿着 Z 轴的 3D 旋转。
skew(x-angle,y-angle)	定义沿着 X 和 Y 轴的 2D 倾斜转换。
skewX(angle)	定义沿着 X 轴的 2D 倾斜转换。
skewY(angle)	定义沿着 Y 轴的 2D 倾斜转换。
perspective(n)	为 3D 转换元素定义透视视图。

---

Html实现滚动文字-类似网页中的公告

使用marquee标签

<marquee behavior="scroll" direction="left" scrooldelay="10" scrollamount="8">

这是网站公告，滚动播放

</marquee>

属性说明：
align: 对齐方式-top、middle、bottom
direction: 滚动文字方向-up、left、right、dowm
behavior: 滚动的方式-scoll（循环滚动）、slide（单次滚动）、alternate(来回滚动)
loop: 滚动的次数-默认-1且Infinite无限滚动
scrollamount：滚动的速度
scrooldelay: 滚动的间隔
width：滚动区域宽度
height：滚动区域的高度
bgcolor: 滚动背景
hspace: 滚动区域与浏览器边界的水平距离
wspace: 滚动区域与浏览器边界的垂直距离

 

---

---

---

---

---

---

---

---