2019年11月13日
CSS3 新增选择器
摘要： CSS3 新增选择器 结构(位置)伪类选择器（CSS3) :first-child :选取属于其父元素的首个子元素的指定选择器 :last-child :选取属于其父元素的最后一个子元素的指定选择器 :nth-child(n) ： 匹配属于其父元素的第 N 个子元素，不论元素的类型 :nth-las 阅读全文
posted @ 2019-11-13 14:13 jane_panyiyun 阅读(297) 评论(0) 推荐(0) 编辑
HTML5新标签与特性---多媒体
摘要： 多媒体标签 embed：标签定义嵌入的内容 audio：播放音频 video：播放视频 多媒体 embed（会使用） embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等。url为音频或视频文件及其路径，可以是相对路径或绝对路径。 因为兼容性问题，我们这里只讲解 阅读全文
posted @ 2019-11-13 14:07 jane_panyiyun 阅读(296) 评论(0) 推荐(0) 编辑
HTML5新标签与特性---新表单+新属性----综合案例1
摘要： HTML5新标签与特性 兼容性问题 （ie9 以上的版本） 文档类型设定 document HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTML5 sublime 输入 html:5 ！ <!DOCTYPE html> 字符设定 <meta 阅读全文
posted @ 2019-11-13 11:16 jane_panyiyun 阅读(182) 评论(0) 推荐(0) 编辑
2019年11月8日
字体图标引入到HTML---复制用代码
摘要： 第一步：在样式里面声明字体： 告诉别人我们自己定义的字体 ps: font-family的名字可以自己起 src是引入了4种字体，不用修改的 1 @font-face { 2 font-family: 'icomoon'; 3 src: url('fonts/icomoon.eot?7kkyc2') 阅读全文
posted @ 2019-11-08 09:52 jane_panyiyun 阅读(818) 评论(0) 推荐(0) 编辑
字体图标网站---常用汇总
摘要： 字体图标网站 常用汇总 1. 推荐网站： http://icomoon.io icomoon字库 IcoMoon成立于2011年，推出的第一个自定义图标字体生成器，它允许用户选择他们所需要的图标，使它们成一字型。 内容种类繁多，非常全面，唯一的遗憾是国外服务器，打开网速较慢。 2. 推荐网站： ht 阅读全文
posted @ 2019-11-08 09:26 jane_panyiyun 阅读(639) 评论(3) 推荐(1) 编辑
2019年11月7日
滑动门出现的背景---实例微信导航栏（a盒子里面包span盒子，文字写在span里）
摘要： 需求： 制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，其中最大的问题是字数不同，如何做？ 解决： 用一个a包含span来制作，字数放在span里面。 此时span里面字数多一点，也可以撑开盒子，实现这个效果。（用到了css spirit 精灵图和滑 阅读全文
posted @ 2019-11-07 11:10 jane_panyiyun 阅读(449) 评论(0) 推荐(0) 编辑
2019年11月6日
【Web前端开发】---前端培训roadmap
摘要： 【Web前端开发】前端培训roadmap ● html/css ● 京东项目实操 ● javascript 基础 ● webapi ● javascrip高级 ● jquery基础 ● Ajax ● 阿里百秀项目实践 ● html5/css3 ● canvas ● 移动web实操 ● 电商项目实操 阅读全文
posted @ 2019-11-06 11:07 jane_panyiyun 阅读(238) 评论(0) 推荐(0) 编辑
清除浮动的4种方法
摘要： 浮动：让多个块元素可以在一行显示 （让多个div放一行） 问题：浮动是脱标的（out of normal flow），因此会影响别人。 清除浮动的本质： 解决父级元素内高为0的问题（子级浮动后），让父级占位子。 相对于定位，在应用的时候，子绝父相，父级元素保留位置，故虽同脱标但无上述问题 清除浮动的 阅读全文
posted @ 2019-11-06 10:55 jane_panyiyun 阅读(137) 评论(0) 推荐(0) 编辑
2019年10月29日
进度更新---Responsive Web Design Certification (300 hours)
摘要： 进度更新 Responsive Web Design Certification (300 hours) 已经完成： basic html and html5 basic css applied visual design applied accessibility 还剩： responsive w 阅读全文
posted @ 2019-10-29 10:55 jane_panyiyun 阅读(131) 评论(0) 推荐(0) 编辑
FCC---Make Motion More Natural Using a Bezier Curve--- juggling movement
摘要： This challenge animates an element to replicate the movement of a ball being juggled. Prior challenges covered the linear and ease-out cubic Bezier cu 阅读全文
posted @ 2019-10-29 10:37 jane_panyiyun 阅读(274) 评论(0) 推荐(0) 编辑