『壹』 如何用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.