css对于id,class和标签的规则定义分别用什么来表示?

html-css016

css对于id,class和标签的规则定义分别用什么来表示?,第1张

id用“#” , class 用"." ,标签直接用标签名,如div就用"div"

例如这个层:<div id="new" class="web"></div>

样式表这样可以选择这个层:

id方法: #new{ }

class方法: .web{ }

标签方法:div{ }

1、新建一个html文件,命名为test.html。

2、在test.html文件中,使用div标签创建一个模块,并设置其id属性为tid,下面将通过该id设置其css样式。

3、在css标签内,对div进行样式设置,使用width属性设置div的宽度为200px,使用height属性设置div的宽度为20px,使用background属性设置div的背景颜色为红色。

4、在css标签内,再定义一个类名为newbg的样式,使用background属性设置背景颜色为黄色。

5、在test.html文件中,给div绑定onmouseover鼠标移动事件,当鼠标移动至div时,执行myfun()函数。

6、在test.html文件中,在js标签内,创建一个myfun()函数,在函数内,使用getElementById()获得div对象,通过className(newbg)设置div的新背景颜色。

1.每条新闻前要有图标 不知道图标是不是一样的,还是1.2.3……这种排名形式

·如果图标都是一样的,那就切一个小图标,作为li的背景,也可以设置list-style-image:url()差不多就这两种方法

·如果图标不一样,就把这些图标竖着排到一张图片里,作为ul的背景。然后设置li的行高,让每一行li与每个图标对齐。

2.每天添加的新闻后面有个NEW。

这个要让你们搞后台的同学设置一下,写个判断,获取更新日期与当前日期,如果更新日期=当前日期(天数),那么就显示new的图标。一般的cms都有方法调用的