css动作样式,设置css样式动画

CSS样式表存在形式有哪些,应用的侧重点分别是什么？

一共有三种 形式存在

第一种为标签样式，taglib为标签名，后面{}里面加属性,这种样式对页面内所有的标签名为taglibname的标签起作用。

第二种为css类样式，需要在HTML开始标签 后缀 class="name"，name即类名，这类标签对HTML内所有后缀同样name的标签起作用 class="name" 可以设在多个开始标签后，表示这些标签具有同一类样式。

第三种为cssID样式，需要在HTML开始标签后缀 id="id",需要注意的是，ID样式的话，每一个name都是独立且不重复的，具有唯一性。

希望我的回答对你有帮助

相关问答

Q1: 急急急！css问题，鼠标点击的css样式是.cpy_xz，不点击没有样式，怎么实现，鼠标点击的时候还有动作的！

jquery实现

$("#tags li").on("click",function(){

    $(this).addClass("cpy_xz").siblings().removeClass("cpy_xz");

})

Q2: 关于CSS的写法，怎样来写的？

这是我以前学习时候的笔记部分，分享给你

（1）内部样式表（嵌套到页面中）

内部样式表，写在head/head标签中

style type="text/css"

div{

width :600px;

height:300px;

background:orange;

}

/style

（2）内联样式（行间样式，行内样式，嵌入式样式）==很少使用

标签 style="属性:属性值; 属性:属性值;"/标签

例如：div style="width: 100px;height: 200px;background: orange;"/div

（3）引用外部样式表文件

1）link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" /

rel="stylesheet"作用：建立关联性

type定义某种类型(H5中type可省略)

href导入css文件路径

注：一个HTML文件可以导入多个CSS外部样式表

2）@import url(CSS文件路径以及文件全称);

link和import导入外部样式的区别：

差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。

差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁）。

差别3：兼容性的差别：@import是CSS2.1提出的，所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。

差别4：使用dom(document object model文档对象模型 )控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.

这是一种CSS提供的外部引入方式，低版本浏览器不支持。

（4）对比：

1权重关系：

内联样式表的优先级(权重)最高

内部样式表和外部样式表的权重和书写先后顺序有关(哪个放在下面哪个的权重比较高)

注：权重高属性的会覆盖权重低的属性

覆盖的只是相同的属性，不同的属性会继续执行（即CSS的层叠性）

2作用域：

内联作用域是最小的：只针对于当前的标签

Q3: 如何用CSS样式控制鼠标经过效果,比如鼠标经过那块时,背景色改变.

a 选择器有四个伪类分别为：

link (未被访问的链接样式)

hover （鼠标悬停在链接上的样式）

action （在鼠标点击与释放之间发生的事件时的样式）

visited （已经被访问过的链接的样式）

四个伪类定义时需要按以上顺序来，否则会发生错误。

你所说的就是现象就是hover时出现的情况。

举个例子

先定义好样式:

a:hover {background-color:green;} //鼠标悬停在链接上时背景变为绿色

在html代码中查看效果：

a href="#1"div移动到这看我的背景色变化/div/a