CSS3运用
关注
分享
扫一扫
蓝草毁灭
励志成为大前端！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS3动画
CSS3 @keyframes 规则 如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。 @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。 Chr翻译 2016-04-26 15:48:44 · 301 阅读 · 0 评论 -
absolute绝对定位的深入解读
1、absolute与float一样具有包裹性、破坏性； 2、absolute不一定非与relative绑定在一起；二者是分离的、对立的；不是兄弟元素；absolute越独立越强大； 3、独立的absolute可以摆脱overlow的限制，无论是滚动还是隐藏； 4、absolute：脱离文档流；去浮动（定位生效时浮动会失效）、定位跟随（用了定位后，原来是什么位置，还是什么位置；）， 5、无依原创 2016-04-26 15:57:10 · 1180 阅读 · 0 评论 -
CSS规范
CSS文件的分类和引用顺序 通常，一个项目我们只引用一个CSS，但是对于较大的项目，我们需要把CSS文件进行分类。我们按照CSS的性质和用途，将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”，并以此顺序引用（按需求决定是否添加版本号）。公共型样式：包括了以下几个部分：“标签的重置和设置默认值”、“统一调用背景图和清除浮动或其他需统一处理的长样式”、“网站通用布局”、“通用模块和其扩展翻译 2016-04-26 15:50:15 · 234 阅读 · 0 评论 -
CSS3学习 :nth-child() 选择器
例子：默认select选中项： 1、用CSS3选择器选取第1、2.。。 (“#popUp-absentCard”).find(“#cancelWay option:nth-child(2)”).prop(“selected”, ‘selected’); 2、eq方法做(“#popUp-absentCard”).find(“#cancelWay option:nth-child(2)”原创 2016-04-26 15:44:04 · 484 阅读 · 0 评论 -
CSS3时钟
<!doctype html><html><head><meta charset="utf-8"><title>时钟</title><meta name="keywords" content=""/><meta name="description" content=""/><style>body{}ul{list-style: none;}h1{text-align: cente原创 2016-04-28 14:04:01 · 378 阅读 · 0 评论 -
记录css自定义滚动条遇到的兼容性问题
CSS3自定义滚动条样式 -webkit-scrollbar相关参数：::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）::-w原创 2016-09-02 11:19:41 · 1474 阅读 · 0 评论