javaweb的HTML和CSS知識點有哪些

這篇文章主要介紹“java web的HTML和CSS知識點有哪些”，在日常操作中，相信很多人在java web的HTML和CSS知識點有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”java web的HTML和CSS知識點有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

從網(wǎng)站建設(shè)到定制行業(yè)解決方案，為提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計服務(wù)體系，各種行業(yè)企業(yè)客戶提供網(wǎng)站建設(shè)解決方案，助力業(yè)務(wù)快速發(fā)展。成都創(chuàng)新互聯(lián)公司將不斷加快創(chuàng)新步伐，提供優(yōu)質(zhì)的建站服務(wù)。

1.HTML

1.1 表單標簽：form

表單標簽，在html頁面創(chuàng)建一個表單，表單標簽在瀏覽器上沒有任何顯示。如果數(shù)據(jù)需要提交到服務(wù)器，負責(zé)收集數(shù)據(jù)的標簽必須放在表單標簽體內(nèi)容。

action屬性：請求路徑，確定表單提交到服務(wù)器的地址(路徑)

method屬性：請求方式。常用的取值：get、post

get:默認值

提交的數(shù)據(jù)追加在請求路徑上。例如：/1.html?username=alex&password=1234,數(shù)據(jù)格式k/v，追加是使用?連接，之后每一對數(shù)據(jù)使用&連接

因為請求路徑長度有限，所有g(shù)et請求提交的數(shù)據(jù)有限。

post：

提交的數(shù)據(jù)不再請求路徑上追加(既不顯示在地址欄上)

提交的數(shù)據(jù)大小不顯示

1.2 輸入域標簽：input

標簽用于獲得用戶輸入信息，type屬性值不同，收集方式不同。最常用的標簽。

rype屬性

text：文本框，單行的輸入字段，用戶可在其中輸入文本。默認寬度為20個字符

password：密碼框，密碼字段。該字段中的字符以黑圓顯示。

radio：單選框，表示一組互斥選項按鈕中的一個。當一個按鈕被選中，之前選中的按鈕就變?yōu)榉沁x中的。

submit：提交按鈕。提交按鈕會把表單數(shù)據(jù)發(fā)送到服務(wù)器。一般不寫name屬性，否則將"提交"兩個字提交到服務(wù)器。

因為不同項目需要的字段不同，所以我沒有把所有的表單元素寫出來，以下標簽使用也需要大家掌握。

checkbox：復(fù)選框

filee：文件上傳組件，提供"瀏覽"，按下可以選擇需要上傳的文件。

hidden：隱藏字段，數(shù)據(jù)會發(fā)送給服務(wù)器，但是瀏覽器不進行顯示。

reset：重置按鈕。將表單恢復(fù)到默認值。

image：圖像提交按鈕，通過src給按鈕設(shè)置圖片。

button：普通按鈕，常用于與JavaScript結(jié)合使用。

name：元素名，如果需要表單數(shù)據(jù)提交到服務(wù)器，必須提供name屬性值，服務(wù)器通過屬性值獲得提交的數(shù)據(jù)。

value：設(shè)置input標簽的默認值。submit和reset按鈕提交數(shù)據(jù)

size：大小

checked屬性：單選框或者復(fù)選框被選中。

readonly：是否只讀

disabled：是否可用

maxlength：允許輸入的最大長度

1.3 下拉列表標簽：select

文本域。多行的文本輸入控件。</p><p>cols屬性：文本域的列數(shù)</p><p>rows屬性：文本域的行數(shù)</p><h3> 1.5 按鈕標簽：button(了解)</h3><p><button type="button|reset|submit"> 按鈕標簽一般很少使用，提供"普通|重置|提交"功能，不同的瀏覽器默認值不同。</p><h2> 2. DIV+CSS</h2><h3> 2.1 什么是div</h3><p>div就是html一個普通標簽，進行區(qū)域劃分。特性：獨占一行。獨自不能實現(xiàn)復(fù)雜效果。必須結(jié)合CSS樣式進行渲染。</p><p>div通常其是塊級元素</p><blockquote> <div> 可定義文檔中的分區(qū)或節(jié)（division/section）。 <div> 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，并且不使用任何格式與其關(guān)聯(lián)。如果用 id 或 class 來標記 <div>，那么該標簽的作用會變得更加有效。</blockquote><h3> 2.2 CSS的概述</h3><h4>2.2.1 CSS是什么</h4><p>CSS通常稱為CSS樣式或?qū)盈B樣式表，主要用于設(shè)置HTML頁面中的文本內(nèi)容(字體、大小、對齊方式等)、圖片的外形(高寬、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。</p><p>CSS可以使HTML頁面更好看，CSS色系的搭配可以讓用戶更舒服，CSS+DIV布局更加靈活，更容易繪制出用戶需要的結(jié)構(gòu)。</p><h4>2.2.2 CSS名詞解釋</h4><p>CSS(Cascading Style Sheets):指層疊樣式表</p><p>樣式：給HTML標簽添加需要顯示的效果。</p><p>層疊：使用不同的添加方式，給同一個HTML標簽添加樣式，最后所有的樣式都疊加到一起，共同作用于該標簽。</p><h4>2.2.3 CSS樣式規(guī)則</h4><p>使用HTML時，需要遵從一定的規(guī)范。CSS亦如此，想要熟練的使用CSS對網(wǎng)頁進行修飾，首先需要了解CSS樣式規(guī)則。具體格式如下</p><pre>選擇器{屬性1:屬性值;屬性2:屬性值;..}</pre><p>在上面的樣式規(guī)則中，“選擇器”用于指定CSS樣式作用的HTML對象，花括號內(nèi)是對該對象設(shè)置的具體樣式。屬性和屬性值以鍵值對方式出現(xiàn)，使用英文冒號“:”分隔。多個屬性之間使用英文分號“;”分隔。例如：</p><pre><style> h3{ color: red; font-size: 100px; } </style></pre><p>初學(xué)者在書寫CSS樣式時，除了要遵循CSS樣式規(guī)則，還必須注意CSS代碼結(jié)構(gòu)中的幾個特點，具體如下：</p><p>CSS樣式“選擇器”嚴格區(qū)分大小寫，“屬性”和“屬性值”不區(qū)分大小寫。</p><p>多個屬性之間必須用英文狀態(tài)下的分號隔開，最后一個屬性后的分號可以省略，但是，為了便于增加新樣式最好保留。</p><p>如果屬性的值由多個單詞組成且之間包含空格，則必須為這個屬性值加上英文狀態(tài)下的引號。例如：</p><pre>p{font-family:"Times New Roman";}</pre><p>在編寫CSS代碼時，為了提高代碼的可讀性，通常會加上CSS注釋，例如：</p><pre>/* 這是css注釋文本，此文本不會顯示在瀏覽器窗口中 */</pre><p>在CSS代碼中空格是不被解析的，花括號以及分號前后的空格可有可無。因此，可以使用空格鍵、Tab鍵、回車鍵等對樣式代碼進行排版，即所謂的格式化CSS代碼，這樣可以提高代碼的可讀性。例如：</p><pre>h2{color: red; font-size: 20px;}</pre><p>和</p><pre><style> h2{ color: red; /* 定義字體大小屬性 */ font-size: 20px; /* 定義顏色屬性 */ } </style></pre><p>上述兩段代碼所呈現(xiàn)的效果是一樣的，但是，第二種書寫方式的可讀性更高。需要注意的是，屬性的值和單位之間是不允許出現(xiàn)空格的，否則瀏覽器解析時會出錯。例如，下面這行代碼就是不正確的。</p><pre>h2{ font-size:20 px;} /* 20和單位px之間有空格 */</pre><h4>2.2.4 引入CSS樣式</h4><p>CSS使用非常靈活，即可以嵌入在HTML文檔中，也可以是一個單獨的文件，如果是單獨的文件，則必須以.css為擴展名。CSS和HTML的結(jié)合3種常用方式：</p><p>(1)行內(nèi)樣式</p><p>行內(nèi)樣式，是通過標簽的style屬性來設(shè)置元素的樣式。</p><p><br/> <a style="color: #f00; font-size: 30px;">小灰灰</a></p><p><img src="/upload/otherpic44/23762.jpg" alt="java web的HTML和CSS知識點有哪些"></p><p> 行內(nèi)樣式通過標簽的屬性來控制樣式，這樣并沒有做到結(jié)構(gòu)與表現(xiàn)(HTML展示結(jié)構(gòu)、CSS顯示效果)相分離，所有一般很少使用。學(xué)習(xí)階段有時候為了快速編程，偶爾使用。</p><p>(2)內(nèi)部樣式</p><p>內(nèi)部樣式又稱為內(nèi)嵌式，是將CSS代碼集中卸載HTML文檔的<head>頭部標簽體中，并且使用<style>標簽定義。</p><p>給當前html文件中的多個標簽設(shè)置樣式。</p><p>在html的<head>標簽中使用<style>標簽來定義CSS</p><pre> <style type="text/css"> body{ background-color: #ddd; } </style></pre><p> <img src="/upload/otherpic44/23763.jpg" alt="java web的HTML和CSS知識點有哪些"></p><p> (3)外部樣式</p><p>外部樣式又稱為鏈入式，是將所有的樣式放在一個或多個以.css為擴展名的外部樣式表文件中，通過<link>標簽將樣式連接到HTML文檔中。</p><pre> <link rel="stylesheet" type="text/css" href="css/demo00.css"/></pre><p><img src="/upload/otherpic44/23765.jpg" alt="java web的HTML和CSS知識點有哪些"></p><p><img src="/upload/otherpic44/23766.jpg" alt="java web的HTML和CSS知識點有哪些"></p><p> 鏈入式最大的好處是同一個CSS樣式表可以被不同的HTML頁面鏈接使用，同時一個HTML頁面也可以通過多個<link/>標記鏈接多個CSS樣式表。</p><h3> 2.3 選擇器</h3><p>想要將CSS樣式應(yīng)用于特定的HTML元素，首先需要找到該目標元素。在CSS中，執(zhí)行這一任務(wù)的樣式規(guī)則不符被稱為選擇器，本小節(jié)將對CSS基礎(chǔ)選擇器進行詳細地講解，具體如下：</p><h4>2.3.1 元素選擇器</h4><p>標記選擇器是指用HTML標記名稱作為選擇器，按標記名稱分類，為頁面中某一類標記指定統(tǒng)一的CSS樣式。其基本語法格式如下：</p><pre>標記名{屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; }</pre><p>該語法中，所有的HTML標記名都可以作為標記選擇器，例如body、h2、p、strong等。用標記選擇器定義的樣式對頁面中該類型的所有標記都有效</p><p>例如：</p><pre><head> <style type="text/css"> h2{ color: #F00; font-size: 50px; } </style> <meta charset="utf-8" /> <title>超鏈接</title> </head> <body> <h2>小灰灰一號</h2> <h2>小灰灰二號</h2> <h2>小灰灰三號</h2> </body></pre><p><img src="/upload/otherpic44/23768.jpg" alt="java web的HTML和CSS知識點有哪些"></p><p> 標記選擇器最大的優(yōu)點是能快速為頁面中同類型的標記統(tǒng)一樣式，同時這也是他的缺點，不能設(shè)計差異化樣式</p><h4>2.3.2 ID選擇器</h4><p> id選擇器使用"#"進行標識，后面緊跟id名，其基本語法格式如下：</p><pre>#id名{ 屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; }</pre><p>該語法中，id名即為HTML元素的id屬性值,大多數(shù)HTML元素都可以定義id屬性，元素的id值是唯一的，只能對應(yīng)于文檔中某一個具體的元素。</p><p>例如：</p><pre><head> <style type="text/css"> #demo1{ color: #0f0; } </style> <meta charset="utf-8" /> <title>超鏈接</title> </head> <body> <h2 id="demo1">小灰灰</h2> </body></pre><p><img src="/upload/otherpic44/23769.jpg" alt="java web的HTML和CSS知識點有哪些"></p><h4> 2.3.3 類選擇器</h4><p>類選擇器使用“.”(英文點號)進行標識，后面緊跟類名，其基本語法格式如下：</p><pre>.類名{ 屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; }</pre><p>該語法中，id名即為HTML元素的class屬性值，大多數(shù)HTML元素都可以定義class屬性。類選擇器最大的優(yōu)勢是可以為元素對象定義單獨或相同的樣式。</p><p>例如：</p><pre><head> <style type="text/css"> .myClass{ font-size: 25px; } </style> <meta charset="utf-8" /> <title>超鏈接</title> </head> <body> <h2 class="myClass">小灰灰</h2> </body></pre><p> <img src="/upload/otherpic44/23770.jpg" alt="java web的HTML和CSS知識點有哪些"></p><p> 類選擇器的高級用法：給指定的標簽設(shè)置class樣式</p><pre>標簽.類名 { 屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; }</pre><h4>2.3.4 擴展：屬性選擇器</h4><p>屬性選擇器，在標簽后面是有中括號標記，其基本語法格式如下：</p><pre>標簽名 [標簽屬性='標簽屬性值'] {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;}</pre><p>該選擇器，是對"元素選擇器"的擴展，對一組標簽進一步過濾。</p><p>例如：</p><pre><head> <style type="text/css"> input[type="text"]{ background-color: yellow; } input[type="password"]{ background-color: green; } </style> <meta charset="utf-8" /> <title>超鏈接</title> </head> <body> <form action="" method="post"> <input type="text" id="" value="" /> <input type="password" name="" /> </form> </body></pre><p> <img src="/upload/otherpic44/23771.jpg" alt="java web的HTML和CSS知識點有哪些"></p><h4> 2.3.5 擴展：包含選擇器</h4><p>包含選擇器，兩個標簽之間使用空格，給指定父標簽的后代標簽設(shè)置樣式，可以方便在區(qū)域內(nèi)編寫樣式。</p><pre>父標簽后代標簽{ 屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; }</pre><p>該選擇器，是對"元素選擇器"的擴展，對一個標簽內(nèi)部所有后代標簽進行過濾。</p><pre><head> <style type="text/css"> #d1 div{ color: red; } </style> <meta charset="utf-8" /> <title>超鏈接</title> </head> <body> <div id="d1"> <div id="d2"> 小灰灰1 </div> <span id="s1"> 小灰灰2 </span> </div> </body></pre><p><img src="/upload/otherpic44/23773.jpg" alt="java web的HTML和CSS知識點有哪些"></p><h3> 2.4 CSS的樣式：</h3><h4>2.4.1 邊框和尺寸：border、width、height</h4><p>border：設(shè)置邊框的樣式</p><p>格式：寬度樣式顏色</p><p>例如：style="border:1px solid #f00" ，1像素實邊紅色。</p><p>樣式取值：solid 實線，none 無邊， double 雙線等</p><p>width、height：用于設(shè)置標簽的寬度、高度。</p><pre><head> <style type="text/css"> div{ border: 1px solid #000; /* 1像素，實邊，黑色*/ width:200px; height:200px; } </style> <meta charset="utf-8" /> <title>超鏈接</title> </head> <body> <div id=""> 小灰灰 </div> </body></pre><p><img src="/upload/otherpic44/23774.jpg" alt="java web的HTML和CSS知識點有哪些"></p><h4> 2.4.2 布局：float、clear</h4><p>通常默認的排版方式，將頁面中的元素從上到下一一羅列，而實際開發(fā)中，需要左右方式進行排版，就需要使用浮動</p><pre>選擇器{float:屬性值} 常用屬性值： left:元素向左浮動 right:元素向右浮動 none:元素不浮動(默認值)</pre><p>由于浮動元素不再占用原文檔流的位置，所以它會對頁面中其他元素的排版產(chǎn)生影響。如果要避免影響，需要使用clear屬性進行清除浮動。</p><pre>選擇器{clear:屬性值;} 常用屬性值： left：不允許左側(cè)有浮動元素(清除左側(cè)浮動的影響) right：不允許右側(cè)有浮動元素(清除右側(cè)浮動的影響) both：同時清除左右兩側(cè)浮動的影響</pre><p>例如：</p><p><head><br/><br/> <meta charset="utf-8" /> <br/> <title>超鏈接</title><br/> </head><br/> <body><br/> <br/> <div><br/> <div>區(qū)域1-1</div><br/> <div>區(qū)域1-2</div><br/> </div><br/> <hr /><br/> <br/> <div><br/> <div style="float: left;">區(qū)域2-1</div><br/> <div style="float: left;">區(qū)域2-2</div><br/> </div><br/> <br/> <div style="clear: both;"></div><br/> <hr /><br/> <div><br/> <div style="float: left;">區(qū)域3-1</div><br/> <div style="float: left;">區(qū)域3-2</div><br/> <div style="float: left;">區(qū)域3-3</div><br/> </div><br/> </body></p><p><img src="/upload/otherpic44/23775.jpg" alt="java web的HTML和CSS知識點有哪些"></p><h4> 2.4.3 轉(zhuǎn)換：display</h4><p>HTML提供豐富的標簽，這些標簽被定義成了不同的類型，一般分為：塊標簽和行內(nèi)標簽。</p><p>塊標簽：以區(qū)域塊方式出現(xiàn)。每個塊標簽獨占一整行或多整行。</p><p>常見的塊元素：<h2>、<div>、<ul>等</p><p>行內(nèi)元素：不必再新一行開始，同時也不強迫其他元素在新的一行顯示。</p><p>常見的行內(nèi)元素：<span>、<a>等</p><p>在開發(fā)中，希望行內(nèi)元素具有塊元素的特性，需要使用display進行轉(zhuǎn)換</p><pre>選擇器{ display:屬性值} 常用的屬性值： inline:此元素將顯示為行內(nèi)元素(行內(nèi)元素默認的display屬性值) block：此元素將顯示為塊元素(塊元素默認的display屬性值) inline-block:將對象呈遞為內(nèi)聯(lián)對象，但是對象的內(nèi)容作為塊對象呈遞。 none：此元素將被隱藏，不顯示，也不占用頁面空間。</pre><p>例如：</p><pre><head> <style type="text/css"> span{ border: 1px solid #000; width: 100px; height: 40px; } </style> <meta charset="utf-8" /> <title>超鏈接</title> </head> <body>  <span>顯示1-1</span> <span>顯示1-2</span>  <span style="display: block;">顯示2-1</span> <span style="display: block;">顯示2-2</span> </body></pre><p><img src="/upload/otherpic44/23777.jpg" alt="java web的HTML和CSS知識點有哪些"></p><p> 2.4.4 字體：color、font-size</p><pre>color：顏色，字體顏色</pre><p>例如：</p><pre><head> <meta charset="utf-8" /> <title>超鏈接</title> </head> <body> <div style="height: 50px;width: 200px;border: 1px solid #000;"> <a href="">點擊</a> <a href="" style="text-decoration: none;">點擊</a> </div> <div style="height: 50px;width: 200px;border: 1px solid #000;"> <a href="" style="line-height: 50px;">點擊</a> <a href="" style="color: red;">點擊</a> </div> </body></pre><p><img src="/upload/otherpic44/23778.jpg" alt="java web的HTML和CSS知識點有哪些"></p><h4> 2.4.5 背景色：background-color</h4><pre><ul style="background-color: #999;color: #FFF;"> <li>點擊</li> <li>點擊</li> <li style="background-color: #000;">點擊</li> <li>點擊</li> </ul></pre><p><img src="/upload/otherpic44/23779.jpg" alt="java web的HTML和CSS知識點有哪些"></p><h3> 2.5 CSS的盒子模型</h3><h4>2.5.1 什么是盒子模型</h4><p>CSS框模型(Box Model)規(guī)定了元素框處理元素內(nèi)容、內(nèi)邊距、邊框和外邊距的方式。</p><p><img src="/upload/otherpic44/23780.jpg" alt="java web的HTML和CSS知識點有哪些"></p><h4> 2.5.2 內(nèi)邊距：padding</h4><p>例如，如果您希望所有h2元素的個邊都有10px的內(nèi)邊距，只需要這樣：</p><pre>h2{ padding:10px;}</pre><p>還可以按照上、右、下、左的順序分別設(shè)置各邊的內(nèi)邊距，各邊均可以使用不同的單位或百分比值：</p><pre>h2 {padding:10px 0.25em 2ex 20%}</pre><p>單邊內(nèi)邊距屬性</p><p>也通過使用下面四個單獨的屬性，分別設(shè)置上、右、下、左內(nèi)邊距：</p><p>padding-top</p><p>padding-right</p><p>padding-bottom</p><p>padding-left</p><h4>2.5.3 邊框：border</h4><p>border-top-style</p><p>border-right-style</p><p>border-bottom-style</p><p>border-left-style</p><h4>2.5.4 外邊距：margin</h4><p>margin-top</p><p>margin-right</p><p>margin-bottom</p><p>margin-left</p><p>到此，關(guān)于“java web的HTML和CSS知識點有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p> <br> 本文標題：javaweb的HTML和CSS知識點有哪些 <br> 文章源于：<a href="http://m.jiaotiyi.com/article/ighoio.html">http://m.jiaotiyi.com/article/ighoio.html</a> </div> </div> <div id="02eioyw" class="other"> <h3>其他資訊</h3> <ul> <li> <a href="/article/dcecpsp.html">php判斷數(shù)據(jù)某個字符 php判斷數(shù)據(jù)某個字符是否相等</a> </li><li> <a href="/article/dcecjgs.html">為了服務(wù)器安全設(shè)置post大小為服務(wù)器配置ip地址</a> </li><li> <a href="/article/dcecpep.html">go語言主要應(yīng)用哪些領(lǐng)域 go語言的應(yīng)用領(lǐng)域</a> </li><li> <a href="/article/dcecgsg.html">esp8266騰訊云服務(wù)器騰訊云服務(wù)器80端口</a> </li><li> <a href="/article/dcecpeo.html">php循環(huán)輸出數(shù)據(jù)表 php循環(huán)輸出表格</a> </li> </ul> </div> </div> <footer> <div id="q04imo0" class="message"> <div id="woiicyg" class="mess container"> <p>免費獲取網(wǎng)站建設(shè)與品牌策劃方案報價</p> <span>*主要業(yè)務(wù)范圍包括：高端網(wǎng)站建設(shè)，集團網(wǎng)站建設(shè)(網(wǎng)站建設(shè)網(wǎng)站制作)找網(wǎng)站建設(shè)公司就上云錦誠科技。</span> <form action=""> <input type="text" class="ipt1" placeholder="聯(lián)系人"> <input type="text" class="ipt2" placeholder="聯(lián)系電話"> <textarea name="" id="" placeholder="內(nèi)容描述：描述您的需求，如網(wǎng)站、微信、電商、APP等。"> 提交需求

聯(lián)系我們

028-86922220

手機：13518219792
地址：成都高新區(qū)尚雅路9號2棟16層1619號
四川德陽網(wǎng)站建設(shè)網(wǎng)站seo優(yōu)化公司

網(wǎng)站建設(shè)服務(wù)

網(wǎng)頁設(shè)計
網(wǎng)站制作
網(wǎng)站開發(fā)

網(wǎng)站推廣服務(wù)

營銷網(wǎng)站建設(shè)
百度快速排名
整站網(wǎng)站推廣

網(wǎng)站運維服務(wù)

基礎(chǔ)維護
網(wǎng)站改版
網(wǎng)站維護

微信二維碼

微信二維碼

友情鏈接：企業(yè)網(wǎng)站維護成都靜音發(fā)電機特麗爾硅藻泥成都網(wǎng)站SEO優(yōu)化公司 glruizhi.cn 資中柴油發(fā)電機公司成都網(wǎng)站建設(shè)公司成都代辦建筑資質(zhì) 成都主機租用網(wǎng)站開發(fā)

日韩精品无码一区二区三区不卡,精品无码三级在线观看视频,国产精品民宅偷窥盗摄,国产成人精品亚洲日本在线,久久人人爽人人爽人人爽,粉嫩人国产呦系列(634),精品少妇人妻AV一区二区三区,无码专区—VA亚洲V天堂麻豆,亚洲1卡2卡三卡4卡网站老狼,无码八A片人妻少妇久久,国产在线拍揄自揄拍无码,久久久久亚洲国产AV麻豆,一区二区三区精品视频免费播放,大杳焦伊人久久综合福利,无码免费人妻A片AAA毛片,精人妻无码一区二区三区,精品欧美一区二区在线观看

網(wǎng)站建設(shè)知識