HTML_CSS_JS学习篇++++Selector【选择器-类、id、html选择器】_滤镜兼容-HuangLei

HuangLei_LEGO

博客访问： 2618126
博文数量： 315
博客积分： 3901
博客等级：少校
技术积分： 3640
用户组：普通用户
注册时间： 2011-05-08 15:32

个人简介

知乎：https://www.zhihu.com/people/monkey.d.luffy Android高级开发交流群2: 752871516

文章分类

全部博文（315）

图形图像NO学（1）
Unity/Android-有（2）
HTML+CSS+JS（8）
C#（2）

C#之会员充值框架（1）
PHONE（0）

Lumia（0）
机制图（7）
GFX_3D引擎（1）
多线程（7）

Win32（1）
手机（37）

Android（37）
Java（6）

JDK（0）

Servlet（0）
Eclipse（3）
MFC（11）
CPlusPlus（24）

STL（3）

模板元编程（0）

管景伟视频教程学（5）
犯过的错误（1）
Shell脚本（1）
Boost（1）
Map（17）

Android_BD_MAP（0）

Math（7）

Opengl（9）

Cairo（0）
Opengl ES2.0（2）
DesignPattern（14）
Image（2）
Symbian（1）
TODO（5）
HACKER（0）
Web（5）

PHP（2）

ASP.net（2）
Python（11）

python学习笔记（10）
LIFE（8）
PMP（17）

Algorithm（0）
Android（17）

Android打包（1）

仿迅雷（6）

AndroidToServlet（2）
Hardware_relatio（5）
Linux Dynamic（1）
Linux_Service（9）
linux_C（13）
linux管理（24）

Ubuntu（10）

Linux_Command&&r（3）

Vim系列（5）

ubuntu10.04（2）

emacs命令（1）
QT学习笔记（10）

广告机小记（3）
C/C++笔记（42）

Lib（2）

Network（1）

TIP（6）

代码（17）
未分配的博文（0）

文章存档

2019年（2）

2018年（1）

2016年（7）

2015年（32）

2014年（39）

2013年（109）

2012年（81）

2011年（44）

我的朋友

相关博文

HTML_CSS_JS学习篇++++Selector【选择器-类、id、html选择器】_滤镜兼容

分类： Web开发

2015-07-07 16:28:29

slector_span.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <title>selector_span.html</title>

 <meta http-equiv="keywords" content="HuangLei_LEGO,NetNut,四川">
 <meta http-equiv="description" content="css_js_span学习">
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
 <link rel="stylesheet" type="text/css" href="selector.css">

<style type="text/css">
.style1
{
font-size: 30px;
color: blue;
font-weight: bold;
font-sytle: normal;
text-decoration: underline;
}
/**图片滤镜*/
a:link img
{
-webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray;
}
/**鼠标滑过滤镜*/
a:hover img
{
-webkit-filter: grayscale(0%);
 -moz-filter: grayscale(0%);
 -ms-filter: grayscale(0%);
 -o-filter: grayscale(0%);
 filter: grayscale(0%);
 filter: "";
}
</style>
 </head>

 <body>
 不能吃辛辣食物 
 不能吃热性水果 
 不能吃牛羊肉发物 

 <a href="#"> 

 <a href="#"><img src="img/1.jpg" weight=200 height=100 title="1.jpg"/></a>
 <a href="#"><img src="img/2.jpg" weight=200 height=100 title="图片信息"/></a>
 <a href="#"><img src="img/3.jpg" weight=200 height=100 title="图片信息"/></a>
 <a href="#"><img src="img/4.jpg" weight=200 height=100 title="图片信息"/></a>
 <a href="#"><img src="img/5.jpg" weight=200 height=100 title="图片信息"/></a>
 </body>
</html>

text-decoration: underline;

}

/**id选择器*/

#style2