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
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短 ...
分类：
其他好文 时间：
2020-04-12 14:54:49
阅读次数：
72
每周前端开源推荐第三期 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
CSS3 @font-face 规则 使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。 只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。 在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。 <style> @fon ...
分类：
Web程序 时间：
2020-04-11 18:11:37
阅读次数：
90
