‘壹’ 如何用CSS选择器查询和风格化Web元素
本文讨论另一个重要的CSS特征：选择器，它可以用来在一个页面内选择元素风格化Web页。选择器类型CSS样式有多种方式实现元素选择。各种各样的选择方法包括通过通用选择器，类型选择器，类选择器，ID选择器，祖先选择器，子孙选择器，邻接兄弟选择器和属性选择器进行选择。这里我们将分别来看一下这几种方法（邻接兄弟和属性除外，我们将在下周进行讨论）。注意：浏览器对CSS选择器的支持是不一致的，不过你可以利用网上的说明来检测某个选择器是否能在你的目标浏览器使用。通用通用选择器允许你在整个页面中使用样式。基本上说来，一个样式并不指定具体的元素，类等，所以它适用于页面内的所有元素。这对设置颜色，字体等来说十分有用。通用选择器可用于页面上的所有元素，但是他们可以被某些具体的选择器覆盖。CSS规范中指出可以使用星号（*）来表示一个通用选择器。列表A演示了如何使用通用选择器来为页面设定背景和默认的字体。类型风格化元素的一种最常用方法是通过它的类型。也就是说一个特定的元素拥有自己定义的样式，且这个样式可用于该类型的所有元素而不管元素在页面上的位置。列表B中的例子演示了用一个类型选择器来风格化页面中的所有段元素。使用这种类型选择器，叶面内的所有段落元素（除非被更多特定选择器覆盖）拥有特定的页边距和红色文本。现在你也可以自己建立CSS类来处理页面上的特定元素风格化问题。类在决定一个样式覆盖什么内容时，类选择器比类型选择器有更多的控制。由类选择器定义的样式可以用于具有类属性的所有元素，不管该元素在页面中的位置。它可以很好的控制那些元素接受样式。列表C中的例子演示了使用类只格式化页面中的第一段。所以第一段的是锯齿状的字体，而接下来的段落与此不同。类选择器不能使用HTML
保留的元素如heading，p，h1等等。你还可以通过用空格分开的方法对同一个元素使用多个类。列表D演示了使用多个类来风格化一个特定的段落。你可以将类选择器和类型选择器结合在一起使用，来风格化拥有分配的类的某些元素。在这个场景中，当定义样式时，元素名有一个由空格隔开的类名。列表E中的例子演示了这样的技巧，即仅拥有赋予的特定类名的段元素才风格化为某种方式，而拥有相同类名的头部风格化为另一种形式。
‘贰’ 简述web.xml中可以配置哪些元素
连接数据库的方式很多，你是直接代码连还是借助JNDI，或是借助Ibatis 或Hibernate框架？
如果是直接连接的方式,web.xml这样就可以了啊，注意<servlet-class>Registration</servlet-class>里面要是Registration的完整路径才行
‘叁’ 如何配置html、servlet、web.xml
<servlet>元素是配置Servlet所用的元素。
<servlet-mapping>元素在Servlet和URL样式之间定义一个映射，即servlet类提供一个url，在地址栏输入对应的映射路径就可以访问你的servlet。
下面给出一段配置代码：
<servlet>
<servlet-name>ServletName</servlet-name>
<servlet-class>xxxpackage.xxxServlet</servlet-class> <!--Servlet的类-->
<init-param> <!--初始化一个变量，可看成全局变量，可省略-->
<param-name>参数名称</param-name> <!--变量名称-->
<param-value>参数值</param-value> <!--变量值-->
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>ServletName</servlet-name>
<url-pattern>/aaa/xxx</url-pattern> <!--映射的url路径 -->
</servlet-mapping>
在地址栏中输入http://localhost:8080/web-App/aaa/xxx就可以访问了。
缺省Servlet
1.如果某个Servlet的映射路径仅仅为一个正斜杠（/），那么这个Servlet就成为当前Web应用程序的缺省Servlet。
2.凡是在web.xml文件中找不到匹配的<servlet-mapping>元素的URL，它们的访问请求都将交给缺省Servlet处理，也就是说，缺省Servlet用于处理所有其他Servlet都不处理的访问请求。
3.在<tomcat的安装目录>\conf\web.xml文件中，注册了一个名称为org.apache.catalina.servlets.DefaultServlet的Servlet，并将这个Servlet设置为了缺省Servlet。
当访问Tomcat服务器中的某个静态HTML文件和图片时，实际上是在访问这个缺省Servlet。
‘肆’ 软件测试中实现web自动化如何使用xpath定位元素
xpath 的语法 element = driver.find_element_by_xpath(xpath)
1 路径以“/”开始 表示找到满足该绝对路径的元素；
2 路径以//element”开始 表示找到文档中所有满足“//”后规则的元素 如//element 表示找到所有element元素,我们推荐使用相对定位
3 路径以//* 表示所有 如//* 表示选择所有元素；
4 可以用个属性来定位 //element[@ 属性="值"] 来进行定位
5 通过层级来进行定位 //element[@属性='值'] / 子元素
如果想了解更多,可以到传智播客官网看看。
‘伍’ web前端有哪些通配符
通配符只有一个“*”
做前端的时候很难不会遇到浏览器的兼容问题，特别是遇到IE这种奇葩浏览器的时候。
浏览器兼容存在的一个问题是不同浏览器的标签默认的外补丁和内补丁不同，也是在IE存在的时候体现出来。这种情况下不加样式控制的情况下，各自的margin 和padding差异较大。
解决方法是在CSS开头写一句 *{margin:0;padding:0;}。这是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。
在这里*是通配符，用它可以匹配所有的元素，从而省去了一个一个去敲标签名称的麻烦。
‘陆’ web.xml文件主要配置有哪些,都有什么含义
①web.xml文件是用来配置：欢迎页、servlet、filter等配置文件用的。当你的web工程没用到这些时，你可以不用web.xml文件来配置你的web工程
web.xml的模式文件中定义的标签并不是定死的，模式文件也是可以改变的，一般来说，随着web.mxl模式文件的版本升级，里面定义的功能会越来越复杂，
也即标签元素的种类会越来越多，但有些是不常用的，我们只需记住一些常用的就可以了。
首先是定义头和根元素
声明为xml文件，版本为1.0，编码为utf-8
声明该文件的内容可以使用xsi的标签库
声明标签的使用范围是被javaee的开发使用的
声明可以使用的标签库和对应的具体的标签库版本地址。
web.xml的模式(Schema)文件中定义了多少种标签元素，它就能拥有定义出来的那些功能
随着web.mxl模式文件的版本升级，里面定义的功能会越来越复杂，也即标签元素的种类会越来越多.
定义项目的名称.
项目名称
欢迎页面
servlet
配置springmvc DispatcherServlet( 前台控制器)-->example这个Servlet的名字是example，可以有多个DispatcherServlet，是通过名字来区分的。
async-supported
启动一个新的线程去处理你的请求，完成之后调用你指定的回调函数来完成整个异步操作。
一般的jsp是通过地址栏输入一个地址，或者提交表单的方式发送请求的，这样网页都会被刷新。但是如果你在jsp页面发送一个ajax请求的话，跟前两种不同，
后台会返回给jsp页面内容，页面不会直接刷新，这样可以把返回的数据写在页面的div中，这样就完成了页面的局部刷新。
举个例子，你做一个查询功能，页面上有查询条件和查询结果显示区域，你可以点查询按钮的时候通过ajax异步发送你的查询条件，
而你得到后台返回的查询结果后，更新你的jsp页面的查询结果，jsp的其他部分，比如查询条件，都没有更新，jsp没有刷新，而是更新了查询结果这一块内容
url-pattern 默认匹配所有请求Servlet拦截匹配规则可以自已定义1、拦截*.do、*.htm， 例如：/user/add.do,这是最传统的方式，最简单也最实用。不会导致静态文件（jpg,js,css）被拦截。2、拦截/，例如：/user/add,可以实现现在很流行的REST风格。很多互联网类型的应用很喜欢这种风格的URL。弊端：会导致静态文件（jpg,js,css）被拦截后不能正常显示。
监听器
Listener获取的是Web应用ServletContext（application）的配置参数。-为Web应用配置Listener的两种方式： 使用@WebListener修饰Listener实现类即可 在web.xml文档中使用进行配置。我们选择web.xml这种配置方式，只有一个元素指定Listener的实现类.
②启动WEB项目的时候,Tomcat容器首先会去它的配置文件读取两个节点listener和context-param。
然后Tomcat会创建一个ServletContext(application),WEB项目所有部分都将共享这个上下文
将applicationContext.xml存入ServletContext中
Tomcat容器根据class类路径来创建监听
上面这些都是在web项目还没有完全启动起来就完成的工作,而servlet是在第一次发起请求时被实例化的
而且一般不会被容器销毁,并服务于多个用户的请求.
web.xml的加载顺序是: context-param-> listener -> filter -> servlet.
filter
Filter可认为是Servlet的“增强版”，因此Filter配置与Servlet的配置非常相似，需要配置两部分：配置Filter名称和Filter拦截器URL模式。区别在于Servlet通常只配置一个URL，而Filter可以同时配置多个请求的URL。配置Filter有两种方式：
在Filter类中通过Annotation进行配置。
在web.xml文件中通过配置文件进行配置。
①网络
②http://blog.csdn.net/believejava/article/details/43229361
1.在web.xml里配置监听器、过滤器、拦截器，书写顺序有没有什么要求？
根据网上资料来分析,应该是没有书写顺序的要求,容器会按照自己的加载方式去加载顺序.
2.监听器是必须要配置的吗？
不是必须要配置.
3假设配置了多个listener,那么会先加载哪个listener
如果有多个listener的情况下,我们可以根据自己的需要去手动设置先去加载哪个listener.
今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~
技能树.IT修真院
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。快来与我一起学习吧~
http://www.jnshu.com/login/1/14708688
PPT : https://ptteng.github.io/PPT/PPT-java/Java-task2-webxml.html#/
‘柒’ web页面元素属性有定位有哪些方法
相对定位和绝对定位两种
相对定位会随着你的浏览器宽度和内容多少发生改变，自适应常用的手法。
绝对定位就是不管你的网页和内容怎么改变，它任然只会出现在固定的位置，绝对定位在手机端兼容性较差。
‘捌’ web端自动化基础篇
一、自动化测试的好处
1、 缩短测试周期：计算机行业更新迭代快速，大量频繁的回归测试消耗时间，自动化测试能够将重复的实行交给计算机去做，加快测试速度。
2、避免人为出错：测试人员不可能持续高度集中，并且人类易受外界影响(头疼脑热，精神不振)，可能会造成人为错误
3、测试信息存储：自动化测试将测试信息和数据储存在文件中，思路清晰明确，交接方便
4、轻易获取覆盖率：自动化测试能够解放测试人员，使测试人员能够有更多的精力做那些非重复性的工作。
5、其他：自动化测试可以是实现自动或者定时执行
注意： 自动化测试的方向是对的，而且趋势也是如此，但是有些自动化实现不了的还是会手动测试的。
二、自动化分类
1、 整体分类
（1)自动化功能测试
（2)自动化性能测试
2、自动化功能测试的分类:
（1)单元测试：程序员搞定
（2)功能测试
（3)接口测试：大中型项目或长期项目可以采用自动化测试
3、性能测试主要是使用测试工具
（1）Loadrunner、Jmeter等，对软件进行压力测试、负载测试等等，因为这些无法用手工进行代替，所以必须自动化。
三、web自动化条件的使用和范围
1、前提条件
（1)手动测试已经完成,后期再不影响进度的前提下逐渐实现自动化
（ 2)项目周期长，重复性的工作都交给机器去实现
（ 3）需求稳定,项目变动不大
（4)自动化测试脚本复杂度比较低
（ 5)可重复利用
2、使用自动化测试的场景
（1)频繁的回归测试
（2)冒烟测试
（3)传统行业需求变化不大，应用频繁
（4)性能测试
四、web自动化常用的工具
1、QTP(收费)
2、Selenium(开源)
3、RFT(收费）
4、（1）元素定位工具：css选择器、xpath
（2）环境工具：（1)firefox35
（2)firebug插件
（3)firepath插件
5、什么是xpath：XPath即为XML路径语言，它是一种用来（标准通用标记语言的子集）在 HTML\XML 文档中查找信息的语言。
6、什么是xml：XML 指可扩展标记语言（EXtensible Markup Language）XML 是一种标记语言，很类似 HTMLXML 的设计宗旨是传输数据，而非显示数据
7、（1）xml是设计为传输和存储数据的。
（2）html是显示数据以及更好的显示数据
8、获取元素
（1）nodename：选取此节点的所有子节点
（2）/从根节点选取
（3）//从匹配选择当前节点选择文档的节点，不考虑位置
（4）“.”选取当前节点
（5）“..”选取当前节点的父节点
（6）@选取属性
‘玖’ 什么是构成Web的五大要素
URL、HTTP、HTML(以及XML)、Web服务器和Web浏览器是构成Web的五大要素。
Web的本质内涵是一个建立在I**ter**et基础上的网络化超文本信息传递系统，而Web的外延是不断扩展的信息空间。Web的基本技术在于对Web资源的标识机制（如URL）、应用协议（如HTTP和HTTPS）、数据格式（如HTML和XML）。
Web（World Wide Web、万维网）技术是电子商务的核心技术。Web的思想可追溯到Tim Ber**ers-Lee于1989年3月在CERN (Ce**tre Europea** pour la Recherche Nucleaire，或称Europea** Laboratory for Particle Physics、欧洲粒子物理实验室)写的一个关于信息管理的项目建议书（I**formatio** Ma**ageme**t: A Proposal）。该建议书提出了分布式超文本系统的设想，旨在将CERN已有的几个信息服务器一体化，并提供一个简单的用户界面来存取各种形式的信息。1990年Web浏览器和Web服务器使用面向对象技术相继在CERN实现。Ber**ers-Lee 和他的合作伙伴成功引入了构成Web体系结构的基本元素：Web服务器、Web浏览器、浏览器与服务器之间的通信协议HTTP(Hypertext Tra**sfer Protocol 、超文本传输协议)、写Web文档的语言HTML（Hypertext Markup La**guage、超文本标记语言)、以及用来标识Web上资源的URL（U**iversal Resource Locator 、统一资源定位器)。1993年，美国伊利诺斯大学国家超级计算应用中心NCSA (Natio**al Ce**ter for Supercomputi**g Applicatio**s)的Marc A**dreese**及其合作者发布了称为Mosaic的浏览器，这是第一个较健壮的易用的浏览器，它具有友善的图形用户界面。从此，Web迅速成长为全球范围内的信息宝库。1994 年，W3 联盟在Tim Ber**ers-Lee的领导下成立，该组织通过制定技术规范与提供参考软件来发展Web的技术标准并促进Web产品之间的互操作性。
URL（U**iversal Resource Locator 、统一资源定位器)用来唯一标识Web上的资源，包括Web 页面、图象文件(如gif 格式文件和jpeg格式文件)、音频文件(如au格式)、视频文件 (如mpeg格式文件)。URL的格式为：协议://主机名<:端口号>/标识符(例如 http://www.seu.e.c**:80/i**dex.aspl )。协议可以是HTTP、HTTPS（安全的超文本传输协议）、FTP；主机名用来标识被请求的服务器；端口通常为不同协议保留，例如FTP和HTTP守护进程侦听不同的端口，FTP缺省的端口号为21，HTTP缺省的端口号为80；标识符说明被请求的是什么，可以是文件名（含路径）或一个应用关键字 (如/cgi-bi**/和/servlet/)加上一些信息（如一个脚本的名字和servlet的名字）。例如，用户键入URL格式的地址(例如http://www.seu.e.c**:80/i**dex.aspl)；浏览器请求主机www.seu.e.c** 在80端口提供的HTTP服务，并要求取得该服务器上的i**dex.aspl文件；服务器接受请求，取得该文件；服务器把文件返回浏览器，并告诉浏览器这是一个HTML文件；浏览器在显示器上显示这个页面。在浏览器和web服务器之间使用的协议是HTTP。
‘拾’ web-app报错（The content of element type "web-app" must match "）
原因：标签的顺序有误：元素类型“web app”的内容必须匹配，要求的顺序为：
The content of element type "web-app" must match "：
(icon?,display-name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,servlet-mapping*,session-config?,mime-mapping*,welcome-file-list?,error-page*,taglib*,resource-env-ref*,resource-ref*,security-constraint*,login-config?,security-role*,env-entry*,ejb-ref*,ejb-local-ref*)"
Tag name: web-app
Description : The web-app element is the root of the deployment descriptor for a web application.