1.---文本框提示文字颜色--placeholder属性 <input type="text" placeholder="请输入提示文字" /> ::-webkit-input-placeholder { color:#666; } ::-moz-placeholder { color:#666; } /* firefox 19+ */ :-ms-input-placeholder { color:#666; } /* ie */ input:-moz…

这篇大部分是转载,来自<高大上的 CSS 效果:Shape Blobbing>和 <Shape Blobbing in CSS> 有部分是自己理解和整理,配合效果要做出 apple wathc 的一个效果(见最后) CSS3 给我们带来了一波又一波的技术革新,而我们似乎对它所能创造的效果又知道的太少太少,放大缩小什么的只是个开始,今天我们就讲讲上图中的新特效:Shape Blobbing. 原文在 CSS Tricks,这里只做一下简单的归纳,下面是我根据原文做的一个 Demo,现…

非原创,具体出自哪里忘了,如果侵害您的利益,请联系我. CSS样式命名整理 页面结构 容器: container/wrap 整体宽度:wrapper 页头:header 内容:content 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 中间内容:center 导航 导航:nav 导航:mainbav/globalnav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightside…

CSS样式命名整理 页面结构 容器: container/wrap 整体宽度:wrapper 页头:header 内容:content 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 中间内容:center 导航 导航:nav 导航:mainbav/globalnav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar 边导航图标:sidebarIcon 菜单:men…

CSS样式命名整理 页面结构 容器: container/wrap整体宽度:wrapper页头:header内容:content页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column中间内容:center 导航 导航:nav导航:mainbav/globalnav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar边导航图标:sidebarIcon菜单:menu子菜单:submenu标题: t…

css3网格效果(整理) 一.总结 一句话总结: css3网格原理是渐变(linear-gradient)绘制图形,background-size属性指定重复的小单元的大小 多个渐变(linear-gradient)结合起来可以绘制复杂的形状 1.如下代码绘制线条的原理是什么? |||-begin background:linear-gradient(top, transparent 39px, blue 40px); background-size: 100% 40px; |||-end 前面…

HTML&&CSS基础知识点整理 一.WEB标准:一系列标准的集合 1. 结构(Structure):html 语言:XHTML[可扩展超文本标识语言]和XML[可扩展标记语言] 2. 表现(Preasentation):css 3. 行为(Behavior):JS[DOM+ES] 其中一些小的具体要求: 结构:标签小写.闭合.不能随意嵌套 CSS+JS:精良使用外链,不用行内 优点: 1. 易于维护 2. 页面响应快 3. 可访问性高 4. 提高设备兼容性 5. 易被解析(搜索引擎) P…

<基于JQuery和CSS的特效整理>已整理成PDF文档,点击可直接下载至本地查阅https://www.webfalse.com/read/201724.html 文章 一款基于jQuery的颜色拾取器 分享一款基于jQuery的QQ表情插件 一款基于jQuery的图片水平滑动插件 一款基于jquery超炫的图片切换特效 一款基于jquery实现的鼠标单击出现水波特效 一款基于jquery滑动后固定于顶部的导航 一款基于javascript的3D玻璃破碎特效 分享一款基于jQuery的视频播…

CSS小tip整理 1.利用css在列表靠头和末尾添加箭头: /* 左箭头*/ ol a[rel="prev"]:before { content: "\00AB"; padding-left: 0.5em; } /* 右箭头*/ ol a[rel="next"]:after { content: "00BB"; padding-right: 0.5em; } 2.让父元素包含浮动的子元素: 添加一个进行清理的元素 让父元素浮…

只要决心够, 就能征服痛苦. 把一些常用的 CSS 效果记录下来 1. 利用 z-index :hover 显示层 github 效果地址>> 此效果主要利用 a:hover 来改变 span( 要显示文字 ) 的 z-index 值.…