2、在test.html文件内，设置table标签的class属性为mytable，同时设置边框为1px。
3、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px,高度为200px。
4、在css标签内，通过td元素名称和“:hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。
5、最后在浏览器打开test.html文件，鼠标经过之后，即可变色。
0
前端开发html要掌握哪些知识？
网页前端开发工程师就是与网页打交到。下面几个技能是必备的。
HTML
写网页怎么离得开html，html也叫超文本标记语言，它包括很多标签。通过标签对文字，图片，声音，视屏等网页元素进行格式化处理。html就是网页的基础。
CSS
CSS是层叠样式表的英文简称，CSS能够对网页的元素的位置进行排版，那些漂亮的网页就是用CSS进行排版的，什么元素在什么位置都是通过CSS进行处理的，部分网页的动态效果也是用css实现的，常见的loading样式，鼠标进入图片放大等效果都可以用CSS实现。网页的布局离不开CSS。
Javascript
JavaScript简称js，是一款解释型脚本语言，它对网页的作用就是处理用户事件的，比如网页的元素被点击后有什么效果，就需要利用js进行事件绑定。比如登录界面，用户输入账号密码后点击登录。js就会处理这些事件，去访问后台拿到结果后判断是否登录成功。总之，js就是处理事件的。
前端框架
前端框架就是对js的二次封装，把常用的功能封装起来，提高开发者的开发效率。
常见的前端框架有jquery：独特的链式语法和简洁的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展。
Bootstrap：让页面更加简洁、直观。是移动设备优秀的前端开发框架,让网页开发更迅速、更简单。它还提供了优雅的HTML和CSS规范，有着丰富的网格布局系统以及大量的可重用组件，还支持JavaScript、jQuery插件以及组件定制等。
AngularJS：有很多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
Vue：Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
调试工具
网页写好了，总是要看看效果的，这个时候调试工具是必要的，一般都是用浏览器进行调试，chrome，Firefox等主流浏览器的网页调试方法都要会。
以上都学会了，就需要项目进行实战了。
后羿采集器的优缺点？
后羿采集器是原Google技术团队倾力打造的一款网页数据采集软件，可视化点选，一键采集网页数据，全平台，Win/Mac/Linux都可用，后羿采集器采集和导出全免费，无限制放心用，可后台运行，速度实时显示。
后羿采集器怎么样？
功能介绍
1、可视化自定义采集流程
全程问答式引导、可视化操作、自定义采集流程。
自动记录和模拟网页操作顺序。
高级设置满足更多采集需求。
2、点选抽取网页数据
鼠标点击选择要爬取的网页内容、操作简单。
可选择抽取文本、链接、属性、html标签等。
3、运行批量采集数据
软件按照采集流程和抽取规则自动批量采集。
快速稳定，实时显示采集速度和过程。
可切换软件后台运行，不打扰前台工作。
4、导出和发布采集的数据
采集的数据自动表格化，自由配置字段。
支持数据导出到Excel等本地文件。
和一键发布到CMS网站/数据库/微信公众号等媒体。
表示样式类选择器的代码是？
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>
