CSS怎么在点击a标签是显示东西

html-css025

CSS怎么在点击a标签是显示东西,第1张

css：层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。能够做到网页表现与内容分离的一种样式设计语言。

但是想要有交互特效，比如点击、拖曳、失焦、聚焦等特效都是需要结合js、jq来实现的。因此没办法做到点击a标签达到显示a内部其他dom内容。

不过css有个hover能实现鼠标移动到a标签上展示其下内容。比如最常见的鼠标经过展示下拉框，使用纯css就能达到，主要原因就是使用hover经过将下面的ul.submenu给显示出来

例如

<a href="#" id="a1">xxx

<ul style="display:none/*一开始是隐藏的，为了说明直接写在节点上*/">

<li><a href="#">111</a></li>

......

</ul>

</a>

css:

#a1:hover ul{ display:block/*鼠标经过将ul显示出来*/}

html

是 给 浏览器 显示的 文件

CSS 是 控制 浏览器 显示方式的文件（也就是 html 的 样式渲染）

js 是 html 内的 特效 交互特效 等的支持文件

jsp 是动态文件 也就是 说你的 HTML 里的 内容 不可能是 从不改变的

而 JSP 就是 可改变 然后 再生成浏览器 显示的 HTML 文件

1 CSS3能代码更简洁、页面结构更合理，性能和效果得到兼顾；

2 CSS3.0的一个动态流概念很好，类似FLASH味道，这个CSS2.0无法比拟；；

3 CSS3数据更精简实用，许多CSS2.0要用图片做效果，它不需要，直接代码；；

CSS2.0要请求服务器次数就要明显高于CSS3.0，所以性能和访问就要明显差点；

4 但是就目前来讲，必须提到一点是兼容性问题，CSS3.0是新事物，所以目前来讲，国内浏览器大多还是IE8左右级别，大部分是不支持CSS3.0所以目前只有加强下CSS2.0功效果；

但是用DW CS6.0,IE9、FF4+、chrome11+来进行调试，它们是支持CSS3.0的；