CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的 ...
分类：
Web程序 时间：
2020-04-13 15:26:03
阅读次数：
83
1.CSS3基本语法 语法：选择器 { eg：h1{ 声明1; font-size:12px; 声明2; color:#F00; …… } } 经验：CSS的最后一条声明后的“;”可写可不写，但是，基于W3C标准规范考虑，建议最后一条声明的结束“;” 都要写上 2.HTML中引入CSS样式 行内样式 ...
分类：
Web程序 时间：
2020-04-13 00:46:53
阅读次数：
95
简单分页 代码： <style>ul.pagination { display: inline-block; padding: 0; margin: 0;}ul.pagination li {display: inline;} /*设置为内联元素*/ul.pagination li a { bord ...
分类：
Web程序 时间：
2020-04-13 00:17:27
阅读次数：
80
CSS3 多列属性 本章节我们将学习以下几个 CSS3 的多列属性: column-count 分割的列数 column-gap 列与列的间隙 column-rule-style 列与列间的边框样式 column-rule-width 列与列间的边框厚度 column-rule-color 列与列间 ...
分类：
Web程序 时间：
2020-04-12 18:45:04
阅读次数：
81
每周前端开源推荐第三期 HubSpot / odometer Beautiful CSS3 Number Transitions #hubspot-open-source http://github.hubspot.com/odometer. odmeter是一个用很炫的动画来展示数字的库，效果非常 ...
分类：
其他好文 时间：
2020-04-12 14:20:10
阅读次数：
69
[^目录]:回到目录 [目录] [Toc] 1、CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS3新增伪类有哪些？ id选择器(myid) 类选择器(.myclassname) 标签选择器(div,h1,p) 相邻选择器(h1+p) 子选择器(ul<li) 后代选择器(li a) 通 ...
分类：
Web程序 时间：
2020-04-12 14:06:18
阅读次数：
86
css属性选择器: 通过html属性选择对应的标签 ? 1 选择符[属性名] { } 当一个元素有当前html属性值名称则匹配成功. ? 2 选择符[属性名="属性值"] 属性和属性名都匹配成功才做选中 ? 3 选择符[属性~="属性值"] 当前属性的属性值为一个词列表(多个单词以空格隔开) , 只 ...
分类：
Web程序 时间：
2020-04-12 08:20:12
阅读次数：
110
CSS3 动画 当在 @keyframes 创建动画，把它绑定到一个选择器，否则动画不会有任何效果。 指定至少这两个CSS3的动画属性绑定向一个选择器： 规定动画的名称 规定动画的时长 <style> div.div1:hover { animation: myfirst 2s; //设置动画名称和 ...
分类：
Web程序 时间：
2020-04-11 22:22:17
阅读次数：
159
border: 1px solid #696; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;//圆角边框 -webkit-box-shadow: #666 0px 0px 10px; -moz-box ...
分类：
Web程序 时间：
2020-04-11 20:18:17
阅读次数：
79
