随笔分类 -  HTML5

jreHTML5学习
04.CSS动画示例-->烟花
摘要：Title 阅读全文
posted @ 2017-10-11 12:14 Smart.User.It 阅读(463) 评论(0) 推荐(0)
03.CSS动画-->自定义动画
摘要：animation动画 阅读全文
posted @ 2017-10-11 11:30 Smart.User.It 阅读(209) 评论(0) 推荐(0)
02.CSS动画示例-->鼠标悬停图片旋转
摘要：Title 阅读全文
posted @ 2017-10-11 11:28 Smart.User.It 阅读(365) 评论(0) 推荐(0)
01.CSS动画-->transform
摘要：transform: translate(参数1，参数2)；让元素在X轴与Y轴方向发生偏移-->参数1：X；参数2：Y rotate(参数1)；让元素进行旋转；单位(deg) scale(参数1，参数2)；让元素在X轴与Y轴放大或缩小多少倍-->参数1：X；参数2：Y skew(参数1，参数2)；s 阅读全文
posted @ 2017-10-11 11:24 Smart.User.It 阅读(296) 评论(4) 推荐(0)
04.CSS选择器-->相邻、通用兄弟选择器
摘要：相邻兄弟选择器,通用兄弟选择器 好好学习 ccy 好好学习1 好好学习2 好好学习3 好好学习4 好好学习5 阅读全文
posted @ 2017-10-10 19:29 Smart.User.It 阅读(4014) 评论(0) 推荐(0)
03.CSS选择器-->交集并集选择器
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>高级选择器</title> <style> /*交集选择器*/ /*既是P标签，类名称又会text的元素字体变为红色*/ p.text{ color: red; 阅读全文
posted @ 2017-10-10 19:23 Smart.User.It 阅读(3996) 评论(0) 推荐(0)
02.CSS选择器-->:focus
摘要：当input框获取焦点时，边框变红 阅读全文
posted @ 2017-10-10 19:17 Smart.User.It 阅读(207) 评论(0) 推荐(0)
01.css选择器-->类选择器
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> #div1 .text{ color: red; } #div2 .text{ color: yellow; } </style> <title>类选择器</ 阅读全文
posted @ 2017-10-10 19:13 Smart.User.It 阅读(159) 评论(0) 推荐(0)
H5学习入门
摘要：【块级标签与行级标签的区别】 1.块级标签： 默认宽度100%（独占一行） 自动换行(右边不能有任何东西) 可以使用css设置宽度高度 2.行级标签： 内容宽度，由内容撑开(内容多宽，宽度就占多宽) 不会自动换行(从左往右依次排列) 【常见的行级标签】 span（文本） img（图片） em（强调） 阅读全文
posted @ 2017-06-04 17:54 Smart.User.It 阅读(378) 评论(0) 推荐(0)