摘要:
Transform 转换 CSS3中的转换允许我们对元素进行旋转、缩放、移动或倾斜,它分为2D转换 或3D转换 在CSS2时代,如果要做一些图片转换角度,都依赖于图片、flash或JavaScript才能完成,但是现在借助CSS3就可以轻松控制倾斜、缩放、以及翻转元素。通过CSS变形,可以让元素生成 阅读全文
摘要:
格式:写在样式表中 @font-face{ font-family:给字体随便起个名字; src:URL;} URL是字体存放路径 然后给字体改样式时直接把你定义的写进去就行了 阅读全文
摘要:
语法格式: transition:属性名 完成时间 速度曲线 何时开始 transition:width 2s ease-in 3s; width 2s 整个过渡效果持续的时间 ease-in 指定了过渡的动画效果 3s 过3s后开始执行过渡效果 *以上几个值只有过渡持续时间不可省略 阅读全文
摘要:
一、 现在前面只写知识点,全部内容放在后面截图展示: 给元素添加圆角: border-radius属性,他的值如果等于高的一半,将会等到一个圆形,大于一半叶然是一个圆形 radius是指半径,他求出圆在矩形上的切面。 border-radius可以设置4个方向的值。 二、 box-shadow为元素 阅读全文
摘要:
做这部分: 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link re 阅读全文
摘要:
阅读全文
摘要:
练习题: 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <style ty 阅读全文
摘要:
注意: 行内元素的内边距的top和bottom是不起作用的,想让他起作用要让他变成块元素加:display:bloock 注意: 如果元素设置了背景,那么背景会填充到内容区+内边距区 利用padding设置导航条练习: 代码如下: <!DOCTYPE html><html> <head> <meta 阅读全文