随笔分类 -  CSS3

HTML响应式布局实现详解
摘要：摘自：https://blog.csdn.net/lesouls/article/details/81454568 第一步：在网页代码的头部，加入一行viewport元标签（1）viewport是网页默认的宽度和高度，上面这行代码的意思是：网页宽度默认等于屏幕宽度 （width=device-wid 阅读全文
posted @ 2019-01-12 10:57 GaoAnLee 阅读(1294) 评论(0) 推荐(0)
HTML5入门教程：响应式页面布局
摘要：摘自：https://www.sohu.com/a/225633935_647584 随着互联网时代的发展，我们对网页布局有了新的要求，大气，美观，能够在不同的设备上呈现令人焕然一新的效果。此时，一个全新的概念——响应式布局应运而生！它的诞生为我们的移动端布局带来了很大的便利，因此学习响应式页面布局 阅读全文
posted @ 2019-01-12 10:49 GaoAnLee 阅读(3503) 评论(0) 推荐(1)
ECharts + Jquery 做大屏展示
摘要：HTML data.js options.js var myOptions = [{ backgroundColor: '#020933', title: { top: 20, // left: 190, text: '', //标题 subtext: '', sublink: '#', //sub 阅读全文
posted @ 2018-09-05 13:36 GaoAnLee 阅读(3641) 评论(0) 推荐(0)
JS 和 Jquery 的一些常用效果
摘要：https://www.cnblogs.com/beiz/tag/%E7%BD%91%E9%A1%B5%E5%B8%B8%E8%A7%81%E6%95%88%E6%9E%9C/ 北执 阅读全文
posted @ 2018-09-05 13:28 GaoAnLee 阅读(135) 评论(0) 推荐(0)
浏览器兼容性问题
摘要：使用meta标签来调节浏览器的渲染方式，告诉浏览器用哪种内核渲染，360双核浏览器就是在ie和chrome之间来回切换，现在使用meta标签来强制使用最新的内核渲染页面 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> rg 阅读全文
posted @ 2018-05-16 15:56 GaoAnLee 阅读(185) 评论(0) 推荐(0)
animate和translate
摘要：transition, transform, tanslate,animation分别为过渡，变换，平移、动画。transform的属性包括：rotate() / skew() / scale() / translate(,) 。 transform 属性向元素应用 2D 或 3D 转换。该属性允许 阅读全文
posted @ 2018-05-16 11:32 GaoAnLee 阅读(644) 评论(0) 推荐(0)
实现水平居中的几种方法
摘要：摘自：https://blog.csdn.net/baidu_24024601/article/details/51131368 1.用inline-block和vertical-align来实现居中：这种方法适合于未知宽度高度的情况下。 2.用相对绝对定位和负边距实现上下左右居中：高度和宽度已知 阅读全文
posted @ 2018-05-16 11:27 GaoAnLee 阅读(939) 评论(0) 推荐(0)
css 初级进阶
摘要：摘自：https://www.jianshu.com/p/dcc40ccc9841 CSS中级 Class和ID选择器 CSS初级教程中我们可以使用HTML标签选择器定义样式。 同样你也可以使用Class和ID来选择HTML元素来定义样式。 在CSS中，class选择器可以在名称前加"."来使用，I 阅读全文
posted @ 2018-05-14 16:33 GaoAnLee 阅读(306) 评论(0) 推荐(0)
CSS3 总结-2
摘要：过渡属性下面的表格列出了所有的转换属性：属性描述CSStransition简写属性，用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS 属性的名称。3transition-duration定义过渡效果花费的时间。默认是 0。3transition-tim... 阅读全文
posted @ 2015-12-15 15:03 GaoAnLee 阅读(142) 评论(0) 推荐(0)
CSS3 总结-1
摘要：新的边框属性属性描述CSSborder-image设置所有 border-image-* 属性的简写属性。3border-radius设置所有四个 border-*-radius 属性的简写属性。3box-shadow向方框添加一个或多个阴影。3新的背景属性属性描述CSSbackground-cli... 阅读全文
posted @ 2015-12-15 15:02 GaoAnLee 阅读(143) 评论(0) 推荐(0)