今日所学内容: 1、HTML5 2、css 前端: 学习前端目的:为我们开发的应用程序提供一个与用户进行交互的界面 前端分类:HTML5、CSS3、JavaScript三大部分 学习内容:HTML5、CSS3、JavaScript、jQuery前端框架及Bootstrap前端框架五个课程内容 一、H ...
分类:
其他好文 时间:
2019-06-28 22:26:51
阅读次数:
90
div { width:100px; transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -webkit-transition: width 2s; /* Safari 和 Chrome */ -o-transition: ...
分类:
Web程序 时间:
2019-06-28 16:44:49
阅读次数:
155
扩展 : https://www.runoob.com/cssref/css3-pr-transform.html Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。 转 : https://cloud.tencent.com/developer/art ...
分类:
微信 时间:
2019-06-26 16:32:40
阅读次数:
302
动画 动画一、过渡 通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。transition:过渡CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点,必须规定两项内容: - 规定您希望把效果添加到哪个 ...
分类:
Web程序 时间:
2019-06-25 10:17:59
阅读次数:
161
前端布局神器display:flex 个人推荐更灵活的学习方法: https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/ 2009年,W3C提出了一种新的方案--Flex布局,可以简便、完整、响应式地实现各种页面布局。目 ...
分类:
其他好文 时间:
2019-06-25 09:30:36
阅读次数:
79
1.水平居中margin 0 auto;(浮动元素除外) 这个属性在网页制作的过程中是经常被用到的,一般情况下页面的版心你就可以看到它。 效果图: 2.position定位实现垂直居中(一); position具有兼容性好的特点,在网页布局中建议能使用定位,最好不要选择浮动来布局。下面这个方法局限性 ...
分类:
Web程序 时间:
2019-06-23 18:53:59
阅读次数:
125
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>历史记录</title> <style> *{ margin: 0; padding: 0; } body{ margin-left: 300px; } ul{ ...
分类:
Web程序 时间:
2019-06-23 15:43:30
阅读次数:
117
徐先森讲web 徐先森讲web CSS3新增的属性有哪些: CSS 用于控制网页的样式和布局。 CSS3 是最新的 CSS 标准。 CSS3新增了很多的属性,下面一起来分析一下新增的一些属性: 1.CSS3边框: border-radius:CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧,我 ...
分类:
Web程序 时间:
2019-06-23 14:13:01
阅读次数:
128
CSS 2D Transforms https://www.w3schools.com/css/css3_2dtransforms.asp CSS 3D Transforms https://www.w3schools.com/css/css3_3dtransforms.asp CSS Transi ...
分类:
Web程序 时间:
2019-06-22 12:14:20
阅读次数:
153
HTML html5的新特性 新标签新特性 meta viewport 移动端适配 语义化 input和textarea的区别 用一个div模拟textarea的实现 画布濡染有了解吗 CSS css3新特性 css选择器 float和position的区别 为什么css样式初始化,目的是为了什么? ...
分类:
其他好文 时间:
2019-06-20 12:38:31
阅读次数:
258