@ css鼠标悬浮变色原理？
1、首先新建一个html文件，命名为test.html，在test.html文件内，使用table标签创建一个表格，用于测试。
2、在test.html文件内，设置table标签的class属性为mytable，同时设置边框为1px。
3、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px,高度为200px。
4、在css标签内，通过td元素名称和“:hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。
5、最后在浏览器打开test.html文件，鼠标经过之后，即可变色。
0
@ dw中怎么定义新css？
1、在dreamweaver cc中可以直接创建css文件，或在内面内手写输入css代码定义规则等等。
2、如果要使用可视化css编辑，可以使用css设计器，在默认的界面下，在软件窗口右侧的活动窗口内就可以找到css设计器。
例如：新建一个html文件，点击css设计器的“源”窗口的“+”号，选择创建css的方式，包括：新建css；附件已有的css或在页面内创建css样式。
3、点击“选择器“窗口的”+“号，选择body，可以看到下面的”属性“窗口内显示出可以编辑的属性列表，鼠标点击相应的属性就可以选择或填写数值进行编辑了，在编辑的时候在”设计“窗口会显示样式的变化。
4、最后如果是新建的css文件，保存路径要正确。
@ 表示样式类选择器的代码是？
1：标签选择器
标签选择器，是所有带有某种标签的都生效。这里以p为例，也就是所有的带有p标记的都会这样的样式
复制代码
代码如下:
<html><head><styletype="text/css">p{font:"宋体"; color:#FF0000}</style></head><body><pid="p1">偶现在表现的是标签选择器</p><pid="p2">偶也用的是标签选择器</p><h1>偶没有被任何的选择器修饰</h1></body></html>
2：id选择器，注意id选择器是唯一的，因为只有id="yy"的才有这种样式，而一个页面里元素的Id必须是唯一的，所以。。。你懂得id选择器以#开头用法是：id=""
复制代码
代码如下:
<html><head><styletype="text/css">#yy{font:"宋体"; color:#FF0000}</style></head><body><pid="yy">偶现在表现的是id选择器</p><pid="p">偶没有被id选择器修饰</p><h1>偶没有被任何的选择器修饰</h1></body></html>
3：类选择器，类选择器以.开头 只要把元素的class="" 就能表现为这种样式了用法是：class=""
复制代码
代码如下:
<html><head><styletype="text/css">.yy{font:"宋体"; color:#FF0000}</style></head><body><pclass="yy">偶现在表现的是类选择器</p><pclass="yy">偶没有被类选择器修饰</p><h1>偶没有被任何的选择器修饰</h1></body></html>
