CSS3运用
蓝草毁灭
励志成为大前端!
展开
-
CSS3动画
CSS3 @keyframes 规则 如需在 CSS3 中创建动画,您需要学习 @keyframes 规则。 @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。 Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。 Chr翻译 2016-04-26 15:48:44 · 248 阅读 · 0 评论 -
absolute绝对定位的深入解读
1、absolute与float一样具有包裹性、破坏性; 2、absolute不一定非与relative绑定在一起;二者是分离的、对立的;不是兄弟元素;absolute越独立越强大; 3、独立的absolute可以摆脱overlow的限制,无论是滚动还是隐藏; 4、absolute:脱离文档流;去浮动(定位生效时浮动会失效)、定位跟随(用了定位后,原来是什么位置,还是什么位置;), 5、无依原创 2016-04-26 15:57:10 · 1066 阅读 · 0 评论 -
CSS规范
CSS文件的分类和引用顺序 通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类。我们按照CSS的性质和用途,将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”,并以此顺序引用(按需求决定是否添加版本号)。公共型样式:包括了以下几个部分:“标签的重置和设置默认值”、“统一调用背景图和清除浮动或其他需统一处理的长样式”、“网站通用布局”、“通用模块和其扩展翻译 2016-04-26 15:50:15 · 194 阅读 · 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 · 399 阅读 · 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 · 313 阅读 · 0 评论 -
记录css自定义滚动条遇到的兼容性问题
CSS3自定义滚动条样式 -webkit-scrollbar 相关参数: ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条) ::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb) ::-w原创 2016-09-02 11:19:41 · 1328 阅读 · 0 评论