1、.css("样式"):获得样式值,比如$("input").css("color") 获得input中字体的颜色
创新互联为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名,让您的网站具备超强的网络竞争力!结合企业自身,进行网站设计及把握,最后结合企业文化和具体宗旨等,才能创作出一份性化解决方案。从网站策划到网站建设、网站制作, 我们的网页设计师为您提供的解决方案。
2、.css("样式","value"):为样式赋值,如$("input").css("color","red");
3、.addClass("样式类1,样式类2,样式类3"):可以添加多个定义好的样式类
4、.hasClass("样式类类"):判断是否存在该样式
5、.toggleClass("样式类"):如果存在(不存在)就切换(删除)样式
6、.toggleClass("样式类",swith):如果swith为false,则删除样式,如果swith为true,则切换成该类
7、removeClass("样式类"):移除样式类
8、.css({样式名:"value",样式名:"value",样式名:"value"}):可以多次添加样式
有两种方式
1、在head标签之间添加style标签
2、直接在HTML代码里添加style属性,然后在属性里定义css代码
3、也可以将1中的style标签里的内容放到一个css文件里,然后在html页面引用这个文件也是一样的效果
link href="css文件路径" rel="stylesheet" !--这样就可以了,尽量代码简洁--
4、下面是我的HTML代码
即使用style属性,将CSS直接写在HTML标签中。 例如:p style=color:red这行段落将显示为红色。/p 注意:style属性可以用在body内的所有(X)HTML标签上,但不能应用与body以外的标签,如titlehead等标签。 二,嵌入式样式表(Embedded Style Sheets) 嵌入式样式表使用style/style标签嵌入到(X)HTML文件的头部中,代码如下: head style type=text/css !-- .class{ color:red;} -- /style /head 注意:对于一些不能识别style标签的浏览器,使用(X)HTML的注释标签!-- 注释文字 --把样式包含进来。这样源码天空 ,不支持style标签的的浏览器会忽略样式内容,而支持style标签的浏览器会解读样式表。 三,外部样式表(Link Style Sheets) 在head标签内使用link标签将样式表文件连接到(X)HTML文件中。 代码如下:
link href="33.css" rel="stylesheet" type="text/css"
把这句放到head与/head之间就行了!
比如网页中一个p标签的样式是:p style="color:red;"/p
然后现在通过css控制页面就变成了:
p class="red"/p
然后在head标签中间写
style type="text/css"
.red{color:red;}
/style
当然也可以把放在head里的css放到一个css文件中,通过
link href="xx.css" rel="stylesheet" type="text/css" /引用