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

教你如何做一个漂亮的下拉菜单导航
在本教程中我们将纯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 元素应用样式,可以这样写: ...

阅读全文>>

阅读全文...

display:none与visibility:hidden的区别

display:none与visibility:hidden的区别
display:none和visibility:hidden都能把网页上某个元素隐藏起来,但两者有区别: display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。 visibility:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。 例子: ...

阅读全文>>

阅读全文...

无懈可击的WEB设计

无懈可击的WEB设计
小编的话: 这是我借的第二本书,适合WEB前端初学者进阶的一本好书。 内容简介  · · · · · · 一个网站,无论看起来有多漂亮或者内容有多丰富,如果它不能适应各种各样的浏览情况,不能面向尽可能广泛的用户群,那它就不算是真正成功的。在《无懈可击的Web设计》一书中,作者,著名 Web 设计师 Dan Cederholm 讲述了若干基于 Web 标准的网页设...

阅读全文>>

阅读全文...