常见的CSS3选择器包含：常用基本、属性、伪类、层级（组合）选择器，具体使用情况建议先阅读[css选择器四大类：基本、组合、属性、伪类]对于选择器的使用有一个基本了解，选择器的作用在于通过它找到元素，并且给它添加属性样式。常用的选择器有：标签、id、类、关联（通过父集找到子集）组合选择器，注意html页面中id是唯一的；基本选择器有（/*代表注释*/），/*:first-child第一个元素*/，
分类：
Web程序 时间：
2020-04-18 09:16:29
阅读次数：
69
今天在看别人的代码中获取到了以前没有注意到的新碎片知识。 Firstly: CSS3中的animation(动画)属性 animation-name属性是绑定到选择器关键帧的名称，接着就是要记录的第二个内容 secondly: CSS3中的@keyframes 通过 @keyframes 规则，可以 ...
分类：
Web程序 时间：
2020-04-15 01:05:40
阅读次数：
113
（一）背景属性 （二）图片边框 （三）CSS圆角 ...
分类：
Web程序 时间：
2020-04-14 00:35:45
阅读次数：
89
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
