了解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 3代码纯制作导航菜单。 第一步  HTML       我们将创建一个列表项,并为每个菜单链接的锚标记无序列表。若要创建子菜单添加另一个无序列表内的名单。 <ul class="menu"> <li><a href="http://www.web0752.c...

阅读全文>>

阅读全文...

【原创】CSS伪类作用域

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

阅读全文>>

阅读全文...

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

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

阅读全文>>

阅读全文...

CSS 相邻兄弟选择器

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

阅读全文>>

阅读全文...

CSS 子元素选择器

CSS 子元素选择器
与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素。 选择子元素 如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器(Child selector)。 例如,如果您希望选择只作为 h1 元素子元素的 strong 元素,可以这样写: h1 &g...

阅读全文>>

阅读全文...

CSS 后代选择器

CSS 后代选择器
后代选择器(descendant selector)又称为包含选择器。 后代选择器可以选择作为某元素后代的元素。 根据上下文选择元素 我们可以定义后代选择器来创建一些规则,使这些规则在某些文档结构中起作用,而在另外一些结构中不起作用。 举例来说,如果您希望只对 h1 元素中的 em 元素应用样式,可以这样写: ...

阅读全文>>

阅读全文...