了解placeholder

了解placeholder
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。 该提示会在输入字段为空时显示,并会在字段获得焦点时消失。 注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。 例如: 语法: <input pl...

阅读全文>>

阅读全文...

去除input自带边框

去除input自带边框
chrome谷歌浏览器input会自带边框,这个很讨厌,你可以更改这个边框样式,也可以直接 出去掉 这里我们介绍一个去除chrome谷歌浏览器input自带边框样式的方法 在css中加入代码: input,button,select,textarea{outline:none} textarea{resize:none}

阅读全文>>

阅读全文...

一款纯css实现的漂亮导航菜单(也适用于个人中心)

一款纯css实现的漂亮导航菜单(也适用于个人中心)
今天给大家分享一款纯css实现的漂亮导航,适合放在个人中心。还带来图标,效果不错。一起看下效果图: HTML代码: <div class="l-main">     <div class="menu">         <header clas...

阅读全文>>

阅读全文...

教你如何做一个漂亮的下拉菜单导航

教你如何做一个漂亮的下拉菜单导航
在本教程中我们将纯CSS 3代码纯制作导航菜单。 第一步  HTML       我们将创建一个列表项,并为每个菜单链接的锚标记无序列表。若要创建子菜单添加另一个无序列表内的名单。 <ul class="menu"> <li><a href="http://www.web0752.c...

阅读全文>>

阅读全文...

SVG Sprite技术介绍

SVG Sprite技术介绍
一、Sprite技术 这里所说的Sprite技术,没错,类似于CSS中的Sprite技术。图标图形整合在一起,实际呈现的时候准确显示特定图标。 另,本文图片甚多,爪机党继续浏览需慎重。 二、SVG Sprite与symbol元素 目前,SVG Sprite最佳实践是使用symbol元素。symbol元素是什么呢?单纯翻译的话,是“符号”的意思。然,这...

阅读全文>>

阅读全文...

【原创】CSS伪类作用域

【原创】CSS伪类作用域
在学习了hover等伪类之后想做一个导航条,鼠标移上去可以出现菜单的那种。期间碰到一个问题:如何让选项卡被鼠标指中后显示下拉菜单? 伪代码如下: 选项卡:hover{     //选项卡被指中     display:block;     } ...

阅读全文>>

阅读全文...

CSS3实现漂亮“图片阴影”效果

CSS3实现漂亮“图片阴影”效果
传送门:http://www.imooc.com/learn/240

阅读全文>>

阅读全文...

CSS 相邻兄弟选择器

CSS 相邻兄弟选择器
相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。 选择相邻兄弟 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。 例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这...

阅读全文>>

阅读全文...