2017年1月3日
摘要: Transform 转换 CSS3中的转换允许我们对元素进行旋转、缩放、移动或倾斜,它分为2D转换 或3D转换 在CSS2时代,如果要做一些图片转换角度,都依赖于图片、flash或JavaScript才能完成,但是现在借助CSS3就可以轻松控制倾斜、缩放、以及翻转元素。通过CSS变形,可以让元素生成 阅读全文
posted @ 2017-01-03 16:42 独孤晓宇 阅读(673) 评论(1) 推荐(0) 编辑
  2016年12月30日
摘要: 格式:写在样式表中 @font-face{ font-family:给字体随便起个名字; src:URL;} URL是字体存放路径 然后给字体改样式时直接把你定义的写进去就行了 阅读全文
posted @ 2016-12-30 18:29 独孤晓宇 阅读(156) 评论(0) 推荐(0) 编辑
  2016年12月29日
摘要: 语法格式: transition:属性名 完成时间 速度曲线 何时开始 transition:width 2s ease-in 3s; width 2s 整个过渡效果持续的时间 ease-in 指定了过渡的动画效果 3s 过3s后开始执行过渡效果 *以上几个值只有过渡持续时间不可省略 阅读全文
posted @ 2016-12-29 19:27 独孤晓宇 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 一、 现在前面只写知识点,全部内容放在后面截图展示: 给元素添加圆角: border-radius属性,他的值如果等于高的一半,将会等到一个圆形,大于一半叶然是一个圆形 radius是指半径,他求出圆在矩形上的切面。 border-radius可以设置4个方向的值。 二、 box-shadow为元素 阅读全文
posted @ 2016-12-29 12:15 独孤晓宇 阅读(1871) 评论(0) 推荐(0) 编辑
  2016年12月28日
摘要: 阅读全文
posted @ 2016-12-28 13:46 独孤晓宇 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 老的ie浏览器的文档不加DOCTYPE声明 他会把边框和内边距都算作元素的宽和高(即元素的宽和高包含了内边距和边框) 阅读全文
posted @ 2016-12-28 13:42 独孤晓宇 阅读(125) 评论(0) 推荐(0) 编辑
  2016年12月27日
摘要: 做这部分: 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link re 阅读全文
posted @ 2016-12-27 13:36 独孤晓宇 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2016-12-27 11:32 独孤晓宇 阅读(87) 评论(0) 推荐(0) 编辑
  2016年12月25日
摘要: 练习题: 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <style ty 阅读全文
posted @ 2016-12-25 20:57 独孤晓宇 阅读(841) 评论(0) 推荐(0) 编辑
摘要: 注意: 行内元素的内边距的top和bottom是不起作用的,想让他起作用要让他变成块元素加:display:bloock 注意: 如果元素设置了背景,那么背景会填充到内容区+内边距区 利用padding设置导航条练习: 代码如下: <!DOCTYPE html><html> <head> <meta 阅读全文
posted @ 2016-12-25 11:46 独孤晓宇 阅读(226) 评论(0) 推荐(0) 编辑