css选择器 一、基本选择器 1、标签选择器 div{}2、类选择器（class）.box{}3、id选择器 #box{}4、通配符（获取所有元素） *{}5、群组选择器 div，h1，p{} 权重最大10000(！important)语法 属性：属性值 ！important； 二、关系选择器 1、 ...
分类：
Web程序 时间：
2020-02-29 22:48:47
阅读次数：
142
一、伸缩布局盒模型(弹性盒模型) css3引入一种新的布局模式——flexbox布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的子项目布局，即使他们的大小是未知或者动态的。 主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是 ...
分类：
移动开发 时间：
2020-02-29 22:37:15
阅读次数：
94
一、css3的过渡属性： 1，transition-property 检索或设置对象中的参与过渡的属性。 2，transition-duration 检索或设置对象过渡的时间。 3，transition-delay 检索或设置对象延迟过渡的时间。 4，transition-timing-functi ...
分类：
Web程序 时间：
2020-02-29 20:16:53
阅读次数：
76
今天小编将把大家带入移动端的世界里去，让大家了解CSS flex布局，下面小编要发车了。 一、flex布局中子项排列方式 如图：首先要定义（display:flex;）一个父容器是flex弹性模型才能进行我们的下一布操作，其中我们可以看到flex-direction定义了主轴的排列方式row(默认) ...
分类：
Web程序 时间：
2020-02-29 18:59:45
阅读次数：
194
css3动画 1：定义 css3动画是使元素从一种样式自动变化为另一种样式的效果。在这个过程中你可以使用任意多的样式和任意多的次数。使用时用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，from代表0% 是动画的开始，to代表100% 是动画的完成。为了动画看起来具有连贯性，一 ...
分类：
Web程序 时间：
2020-02-29 14:43:30
阅读次数：
71
一、说明 1、一般在录入界面做验证提醒都是弹出messagebox，但是美观和体验都不好，所以想到了这个。网上有很多例子，但是作为小白，想自己写一下，加深理解。 2、没有做成自定义控件，只是简单的实现了一下原理，可以继续完善。 二、效果 三、实现 实现原理：首先提示用到画图：提示框为一个三角形+圆角 ...
分类：
其他好文 时间：
2020-02-29 13:05:50
阅读次数：
76
伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 1 /*没有被访问的a标签的样式*/ 2 .box ul li.item1 a:link{ 3 4 color: #666; 5 } 6 /*访问过后的a标签的样式*/ 7 .box ul l ...
分类：
其他好文 时间：
2020-02-29 13:05:33
阅读次数：
56
/*动画：s*/.animated { animation-duration: 1.5s !important; -webkit-animation-duration: 1.5s !important; animation-fill-mode: both !important; -webkit-an ...
分类：
Web程序 时间：
2020-02-29 10:19:35
阅读次数：
102
为什么要用flex 基于css3简单方便，更优雅的实现，浏览器兼容性好，传统的css实现一个div居中布局要写一堆代码，而现在几行代码就搞定了，没有理由不用flex。 兼容性： Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, An ...
分类：
其他好文 时间：
2020-02-28 12:17:36
阅读次数：
72
html部分： <div class="mode"> <p class="hu"></p> <p class="z" id="z"></p> <p class="center"></p></div> css部分： //可以采用@keyframes结合animation 或者直接js控制c3 动态控制 ...
分类：
Web程序 时间：
2020-02-27 17:32:54
阅读次数：
98
