分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

css3简易总结

发布时间:2023-09-06 01:31责任编辑:白小东关键词:暂无标签

1.border-radius添加边框的圆角;

2.box-shadow添加方框阴影;

3.border-image使用图片创建围绕div元素的边框;

4.background-size规定背景图片的尺寸;

5.background-origin(content-box padding-box border-box)规定背景图片的定位区域;

6.多重背景图片background-image:url(bg_flower.gif),url(bg_flower_2.gif);

7.text-shadow添加文字阴影;

8.word-wrap属性可以强制文本换行(单词过长时);

9.@font-face可以使用自己的字体,需要时自动下载到用户的计算机;

10.2D转换:(各种transform方法)

a.translate():元素从其当前位置移动给定的left(x)和top(y);

b.rotate():若为正,则顺时针旋转给定的角度;

c.scale():元素尺寸增加或减少,根据给定的宽(x)和高(y);

d.skew():元素翻转给定的角度,根据给定的水平线(x)和垂直线(y);

e.matrix():将2d转换方法组合在一起;

11.3D转换:

rotateX() rotateY()等;

12.transition(过渡) (属性,时长);

13.css动画:使用@keyframes创建动画再绑定到某个选择器上;

14.css3多列:(count gap rule);

15.css3用户界面:resize:both 可由用户调整大小;box-sizing outline-offset轮廓(不占空间,可以是非矩形)

css3简易总结

原文地址:http://www.cnblogs.com/jiuyejiu/p/8076241.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved