• <tr id="yyy80"></tr>
  • <sup id="yyy80"></sup>
  • <tfoot id="yyy80"><noscript id="yyy80"></noscript></tfoot>
  • 99热精品在线国产_美女午夜性视频免费_国产精品国产高清国产av_av欧美777_自拍偷自拍亚洲精品老妇_亚洲熟女精品中文字幕_www日本黄色视频网_国产精品野战在线观看 ?

    CSS3背景屬性教學(xué)難點(diǎn)透析

    2019-12-05 08:40:02黃志剛
    關(guān)鍵詞:邊框邊緣背景

    黃志剛

    [摘 ? ? ? ? ? 要] ?背景屬性一直是網(wǎng)頁(yè)設(shè)計(jì)類課程需講授的重點(diǎn)內(nèi)容,在引入CSS3后,它的某些特征更是難以理解,成為教學(xué)中的難點(diǎn)。從元素的盒模型出發(fā),引出背景和背景層的概念,闡明三種盒子區(qū)域與背景的關(guān)系,在多背景下背景顏色所在的背景層。重點(diǎn)闡述背景圖像在雙視窗下不同的滾動(dòng)效果,平鋪及平鋪的開(kāi)始區(qū)域和開(kāi)始位置,同時(shí),闡述背景圖像大小的設(shè)置和背景的裁剪。

    [關(guān) ? ?鍵 ? 詞] ?盒模型;背景層;背景屬性

    [中圖分類號(hào)] ?G712 ? ? ? ? ? ? ? ? ? [文獻(xiàn)標(biāo)志碼] ?A ? ? ? ? ? ? ? ? ? ?[文章編號(hào)] ?2096-0603(2019)27-0149-03

    CSS(Cascading Style Sheets)即層疊樣式表,是用于描述結(jié)構(gòu)化文檔顯示效果的語(yǔ)言。CSS語(yǔ)言的演變經(jīng)歷了CSS1、CSS2、CSS2.1和CSS3等版本。CSS3是CSS的第三個(gè)升級(jí)版本,它是一系列規(guī)范的總稱。W3C(World Wide Web Consortium,萬(wàn)維網(wǎng)聯(lián)盟)的候選推薦標(biāo)準(zhǔn)“CSS Backgrounds and Borders Module Level 3(CSS背景與邊框第三級(jí))”是CSS3中的一個(gè)規(guī)范。它在CSS2.1的基礎(chǔ)上擴(kuò)展了原有的背景屬性,新增了3個(gè)背景屬性。背景屬性用來(lái)指定背景顏色或指定背景圖像以及背景圖像的尺寸、定位和平鋪,每一個(gè)元素的背景層要么完全透明,要么被顏色和圖像填充,可以同時(shí)指定背景顏色和背景圖片,背景圖像也可以是一張或多張。背景屬性一直是網(wǎng)頁(yè)設(shè)計(jì)類課程講授的重點(diǎn)內(nèi)容,特別是在引入CSS3后,背景屬性的某些特征難以理解,成為教學(xué)中的難點(diǎn)內(nèi)容。

    一、盒模型中的四種盒子

    瀏覽器將HTML文檔中的每一個(gè)元素都渲染為一個(gè)矩形,顯示在網(wǎng)頁(yè)中。它由內(nèi)容區(qū)域和可選的內(nèi)邊距區(qū)域、邊框區(qū)域和外邊距區(qū)域從里到外依次環(huán)繞構(gòu)成,如下圖所示,這種顯示結(jié)構(gòu)就叫作盒模型。其中,每個(gè)區(qū)域的尺寸可以通過(guò)相應(yīng)的CSS屬性設(shè)置。盒模型的矩形區(qū)域從里到外逐層擴(kuò)展可以構(gòu)成內(nèi)容盒、內(nèi)邊距盒、邊框盒和外邊距盒四種盒子。

    1.內(nèi)容盒,指顯示元素內(nèi)容的矩形區(qū)域,用關(guān)鍵字“content-box”表示,內(nèi)容的邊界即為內(nèi)容盒的邊緣。

    2.內(nèi)邊距盒,指由內(nèi)容區(qū)域和內(nèi)邊距區(qū)域構(gòu)成的矩形區(qū)域,用關(guān)鍵字“padding-box”表示,內(nèi)邊距的外邊界即為內(nèi)邊距盒的邊緣。

    3.邊框盒,指由內(nèi)容區(qū)域、內(nèi)邊距區(qū)域和邊框區(qū)域構(gòu)成的矩形區(qū)域,用關(guān)鍵字“border-box”表示,邊框的外邊界即為邊框盒的邊緣。

    4.外邊距盒,指由內(nèi)容區(qū)域、內(nèi)邊距區(qū)域、邊框區(qū)域和外邊距區(qū)域構(gòu)成的矩形區(qū)域,用關(guān)鍵字“margin-box”表示,外邊距的外邊界即為外邊距盒的邊緣。

    content-box、padding-box、border-box是與背景屬性相關(guān)的三個(gè)關(guān)鍵字值,用來(lái)表示背景鋪設(shè)或剪切的三個(gè)區(qū)域。

    二、背景和背景層的概念

    元素的背景是指在邊框盒下層與邊框盒大小相等的區(qū)域,也就是說(shuō)背景繪制在內(nèi)容、內(nèi)邊距和邊框之下,邊框會(huì)覆蓋背景,但內(nèi)容區(qū)域和內(nèi)邊距區(qū)域默認(rèn)是透明的,所以,我們總可以在內(nèi)邊距區(qū)域和內(nèi)容的縫隙間看到背景。如果將元素盒模型(不包括外邊距盒)的結(jié)構(gòu)映射到背景,那么背景也可以劃分為內(nèi)容盒、內(nèi)邊距盒和邊框盒三個(gè)區(qū)域,在所有與背景相關(guān)的屬性中,我們也用content-box、padding-box和border-box指代背景中的相應(yīng)區(qū)域。注意,背景層沒(méi)有外邊距盒。

    可以通過(guò)background-color和background-image兩個(gè)屬性分別設(shè)置在背景中顯示的顏色和圖像,默認(rèn)情況下,背景顏色和圖片總是鋪滿整個(gè)背景。

    在CSS3中背景可以有多層(用于多背景圖像,一個(gè)背景層放一張),層的數(shù)量取決于background-image屬性中用逗號(hào)分隔的值的數(shù)量。需要注意的是,默認(rèn)情況下,即使沒(méi)有設(shè)置背景屬性,瀏覽器也為網(wǎng)頁(yè)中的每個(gè)元素創(chuàng)建了一個(gè)背景層。

    三、背景顏色及其所在的背景層

    background-color屬性用來(lái)設(shè)置元素的背景顏色。其實(shí),即使沒(méi)有設(shè)置背景顏色,瀏覽器也為每一個(gè)元素初始化了一個(gè)背景層和一種背景顏色。背景顏色值是“transparent”(透明的),所以,我們感覺(jué)不到它的存在。

    背景顏色總是鋪滿整個(gè)背景。可以通過(guò)設(shè)置background-clip屬性裁剪背景,使之適應(yīng)盒模型中不同的盒子大小。

    在多層背景中,背景顏色總是被繪制在所有圖像下,而且只能設(shè)置在最底層圖像層,如下:

    background-image: url(1.png), url(2.png), #990 url(3.png);

    “#990 url(3.png)”就是最底層圖像層,設(shè)置了顏色“#999”。在其他圖像層設(shè)置的顏色無(wú)效。

    四、背景重復(fù)的雙值語(yǔ)法

    在設(shè)置背景圖像的重復(fù)時(shí),通常使用單值語(yǔ)法,CSS3引入雙值語(yǔ)法,語(yǔ)義更清晰,實(shí)際上單值語(yǔ)法是雙值語(yǔ)法的簡(jiǎn)寫(xiě)。在雙值語(yǔ)法中,第一個(gè)值表示水平重復(fù)行為,第二個(gè)值表示垂直重復(fù)行為。單值語(yǔ)法與雙值語(yǔ)法的對(duì)應(yīng)關(guān)系,見(jiàn)下表。

    五、背景圖像的滾動(dòng)模式

    使用background-attachment屬性設(shè)置背景圖像的滾動(dòng)模式時(shí),基于瀏覽器窗口的主視窗和基于元素的局部視窗(如果元素具有滾動(dòng)機(jī)制),會(huì)有不同的滾動(dòng)效果。

    如果background-attachment屬性的取值為“fixed”,則背景圖像相對(duì)于兩個(gè)視窗都是固定的,可以把背景圖像想象為附著在可視區(qū)域。在主視窗中,即使元素滾動(dòng),背景圖像不會(huì)動(dòng);在局部視窗中,內(nèi)容滾動(dòng),背景圖像也不會(huì)動(dòng)。

    如果background-attachment屬性的取值為“scroll”,則背景圖像相對(duì)于元素本身固定,可以把背景圖像想象為附著在元素邊框上。在主視窗中,背景圖像隨元素滾動(dòng);在局部視窗中,即使內(nèi)容滾動(dòng),背景圖像保持不動(dòng)。

    如果background-attachment屬性的取值為“l(fā)ocal”,則背景圖像相對(duì)于元素內(nèi)容固定,可以把背景圖像想象為附著在元素內(nèi)容上。在主視窗中,背景圖像隨元素滾動(dòng);在局部視窗中,背景圖像隨內(nèi)容滾動(dòng)。

    六、背景圖像的定位

    背景圖像的定位是指設(shè)置背景圖像從背景的哪個(gè)區(qū)域以及這個(gè)區(qū)域的哪個(gè)位置開(kāi)始鋪設(shè)。

    (一)背景圖像鋪設(shè)的開(kāi)始區(qū)域

    默認(rèn)情況下,背景圖像在背景層的內(nèi)邊距盒中開(kāi)始重復(fù)鋪設(shè),直到鋪滿整個(gè)背景。可以通過(guò)background-origin屬性改變背景圖像在背景層平鋪的開(kāi)始區(qū)域(簡(jiǎn)稱定位區(qū)域)有三種,它們是content-box(內(nèi)容盒)、padding-box(內(nèi)邊距盒)或border-box(邊框盒)。注意,background-origin屬性設(shè)置的不是平鋪區(qū)域的大小。

    (二)背景圖像鋪設(shè)的開(kāi)始位置

    確定了背景圖像鋪設(shè)的開(kāi)始區(qū)域后,就要確定它從這個(gè)區(qū)域的哪個(gè)位置開(kāi)始鋪設(shè)。默認(rèn)的開(kāi)始位置是定位區(qū)域的左上角,可以通過(guò)設(shè)置background-position屬性的屬性值來(lái)改變背景圖像平鋪的開(kāi)始位置。其屬性值由最少1個(gè)最多4個(gè)空格分隔的值構(gòu)成,用來(lái)表示背景圖像在定位區(qū)域的水平位置和垂直位置。值的類型可以是百分?jǐn)?shù)值、長(zhǎng)度值和關(guān)鍵字值,百分?jǐn)?shù)和長(zhǎng)度值可以為正數(shù)、零或負(fù)數(shù)。關(guān)鍵字值有top、right、bottom、left和center,分別表示定位區(qū)域的頂部邊緣、右邊緣、下部邊緣、左邊緣和兩條對(duì)邊的中線位。

    1.用單值或雙值定位背景圖像

    如果屬性值是單值,則第二個(gè)值默認(rèn)為“center”,實(shí)際上也是“雙值”。

    CSS為雙值定義了一個(gè)特定的二維坐標(biāo)系。它的原點(diǎn)在定位區(qū)域的左上角,水平向右是X軸的正方向,垂直向下是Y軸的正方向。在雙值中,第一個(gè)值表示水平方向的位置(也常表述為相對(duì)定位區(qū)域左邊緣的偏移),第二個(gè)值表示垂直方向的位置(也常表述為相對(duì)定位區(qū)域頂部邊緣的偏移)。如果位置值是長(zhǎng)度值,則表示固定長(zhǎng)度的偏移量;如果位置值是百分?jǐn)?shù),如X%,則表示相對(duì)偏移量,按照?qǐng)D像的X%處的點(diǎn)(以圖像的左上角為原點(diǎn))與定位區(qū)域的X%處的點(diǎn)(以定位區(qū)域的左上角為原點(diǎn))對(duì)齊的規(guī)則進(jìn)行定位。如果在雙值中出現(xiàn)了關(guān)鍵字值,則left和right分別是水平位置的0%和100%,top和bottom是垂直位置的0%和100%。

    如“background-position:10% 20px”表示在水平方向按對(duì)齊規(guī)則定位,即背景圖像10%處的點(diǎn)與定位區(qū)域10%處的點(diǎn)對(duì)齊;在垂直方向上,按固定長(zhǎng)度定位,即背景圖像的頂部邊緣相對(duì)于定位區(qū)域頂部邊緣的偏移是20px的固定長(zhǎng)度。

    2.用三值和四值定位背景圖像

    如果是三值,則缺失的偏移值默認(rèn)為零,實(shí)際上也是“四值”。四值語(yǔ)法是指在一個(gè)關(guān)鍵字值(不含center)后指定一個(gè)百分?jǐn)?shù)和長(zhǎng)度值,關(guān)鍵字指定偏移相對(duì)的方位。如“background-position: bottom 10px right 20px”表示背景圖像的底部邊緣相對(duì)于定位區(qū)域底部邊緣的偏移是10px的固定長(zhǎng)度,背景圖像的右邊緣相對(duì)定位區(qū)域的右邊緣的偏移是20px的固定長(zhǎng)度。

    要注意的是,用四值定位時(shí),正值是表示從定位區(qū)域邊緣向內(nèi)部的偏移,負(fù)值是從定位區(qū)域邊緣向外部的偏移。

    不難看出,雙值定位是四值定位的簡(jiǎn)寫(xiě),如“background-position: 10% 20px”也可以寫(xiě)成“background-position: left 10% top 20px”。雙值偏移的相對(duì)方位是固定的,水平總是相對(duì)于左邊緣,垂直總是相對(duì)于頂部邊緣。

    3.開(kāi)始位置的確定方法

    background-repeat屬性的默認(rèn)值是repeat,背景圖像總是鋪滿整個(gè)背景,很難看出平鋪的開(kāi)始位置。

    當(dāng)把background-repeat的屬性值設(shè)為no-repeat,則背景圖像只平鋪一次,它的顯示位置就是背景圖像平鋪的開(kāi)始位置。

    七、背景圖像的裁剪

    鋪滿整個(gè)背景的背景圖像,可以通過(guò)設(shè)置background-clip屬性的值來(lái)裁剪,改變背景圖像所占的區(qū)域。

    如果background-clip屬性的取值為border-box,則瀏覽器會(huì)沿邊框盒邊緣裁剪背景;取值為padding-box,則沿內(nèi)邊距盒邊緣裁剪背景;取值為content-box,則沿內(nèi)容盒邊緣裁剪背景。

    八、背景圖像的大小

    background-size屬性用來(lái)設(shè)置背景圖片的尺寸,屬性值可以是:

    1.關(guān)鍵字值cover或contain。cover表示保持圖像的寬高比例,將圖片縮放到最小的尺寸,使其寬度和高度都能完全覆蓋背景定位區(qū)域;contain表示保持圖像的寬高比例,將圖片縮放到寬度或高度正好適應(yīng)背景定位區(qū)域。

    2.單值表示寬度,高度值默認(rèn)為關(guān)鍵字值auto。

    3.雙值分別表示寬高,值的數(shù)據(jù)類型可以是百分?jǐn)?shù)、長(zhǎng)度和關(guān)鍵字值auto。百分?jǐn)?shù)是相對(duì)于背景定位區(qū)域,auto表示保持圖像的寬高比例,縮放圖像的寬度和高度。

    九、多背景

    background-image屬性可以設(shè)置一個(gè)或多個(gè)背景圖像,形成多背景。圖像以Z方向堆疊的方式進(jìn)行繪制,先指定的圖像繪制在上面,邊框繪制在所有背景圖像之上,背景顏色繪制在所有背景圖像之下。

    每個(gè)背景圖像的大小、位置和平鋪在其他背景屬性中設(shè)置。瀏覽器會(huì)拿這些背景屬性設(shè)置的值與background-image屬性中指定的背景圖像匹配,多余的值不使用。如果屬性沒(méi)有指定足夠的逗號(hào)分隔值來(lái)匹配層數(shù),則通過(guò)重復(fù)使用屬性值,直到足夠?yàn)橹埂H缬邢铝幸唤M申明:

    background-image: url(flower.png), url(ball.png), url(grass.png);

    background-position: center center, 20% 80%, top left, bottom right;

    background-origin: border-box, content-box;

    background-repeat: no-repeat;

    background-image屬性共設(shè)置了3張背景圖像,形成了3個(gè)背景層。其他背景屬性也必須設(shè)置3個(gè)值與3個(gè)背景層匹配。background-position設(shè)置了4個(gè)值,最后一個(gè)值不使用。background-origin只設(shè)置了兩個(gè)值,從第一個(gè)值開(kāi)始重復(fù),只重復(fù)一個(gè)值就可以了。background-repeat屬性只設(shè)置了一個(gè)值,從第一個(gè)值開(kāi)始重復(fù)兩次。最后,形成以下申明組來(lái)設(shè)置多背景。

    background-image: url(flower.png), url(ball.png),url(grass1.png);

    background-position: center center, 20% 80%, top left;

    background-origin: border-box, content-box, border-box;

    background-repeat: no-repeat, no-repeat, no-repeat;

    十、結(jié)論

    破解背景屬性的難點(diǎn):首先,需要深入理解盒模型、背景和背景層的概念及其關(guān)系;其次,要深入研究背景屬性的語(yǔ)法細(xì)節(jié);最后,通過(guò)多練習(xí)加深理解。在互聯(lián)網(wǎng)上有許多關(guān)于背景屬性的博文,有些博文的觀點(diǎn)在理解上有錯(cuò)誤,切不可人云亦云,一定要實(shí)際驗(yàn)證。CSS3擴(kuò)展了CSS2.1屬性的特征,并引入了新的背景屬性,要特別注意這些屬性的關(guān)系。

    參考文獻(xiàn):

    [1]W3C.CSS Backgrounds and Borders Module Level 3 W3C Candidate Recommendation, 17 October 2017. [EB/OL].https://drafts.csswg.org/css-backgrounds-3/#backgrounds.

    [2]Mozilla.Changing background styles using CSS.[EB/OL].https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_boxes/Backgrounds.

    [3]Chris Coyier.background-attachment.[EB/OL].https://css-tricks.com/almanac/properties/b/background-attachment/.

    [4]Eric A. Meyer.CSS: The Definitive Guide[M].Published by OReilly Media, Inc,June 2017:1127-11143.

    編輯 馮永霞

    猜你喜歡
    邊框邊緣背景
    一模六產(chǎn)品篩板模具的設(shè)計(jì)與應(yīng)用
    智能制造(2022年4期)2022-08-18 16:21:14
    “新四化”背景下汽車NVH的發(fā)展趨勢(shì)
    《論持久戰(zhàn)》的寫(xiě)作背景
    用Lightroom添加寶麗來(lái)邊框
    給照片制作專業(yè)級(jí)的邊框
    一張圖看懂邊緣計(jì)算
    晚清外語(yǔ)翻譯人才培養(yǎng)的背景
    擺脫邊框的束縛優(yōu)派
    在邊緣尋找自我
    雕塑(1999年2期)1999-06-28 05:01:42
    走在邊緣
    雕塑(1996年2期)1996-07-13 03:19:02
    女人精品久久久久毛片| 男男h啪啪无遮挡| 丝袜美腿诱惑在线| 99国产精品免费福利视频| 国产主播在线观看一区二区| 国产亚洲精品第一综合不卡| av不卡在线播放| 脱女人内裤的视频| 啦啦啦中文免费视频观看日本| 多毛熟女@视频| 法律面前人人平等表现在哪些方面 | 亚洲av日韩精品久久久久久密| 国产成人影院久久av| 可以免费在线观看a视频的电影网站| 啦啦啦在线免费观看视频4| 男人爽女人下面视频在线观看| 国产深夜福利视频在线观看| 国产一区二区三区综合在线观看| 在线观看免费午夜福利视频| 中国国产av一级| 色老头精品视频在线观看| 精品亚洲乱码少妇综合久久| 人人妻人人澡人人爽人人夜夜| 欧美成狂野欧美在线观看| 亚洲欧洲日产国产| 欧美激情久久久久久爽电影 | 日韩三级视频一区二区三区| 18在线观看网站| 亚洲精品国产一区二区精华液| 国产亚洲精品一区二区www | 亚洲三区欧美一区| 久久av网站| 亚洲精华国产精华精| 91麻豆av在线| 一边摸一边抽搐一进一出视频| 久久久国产欧美日韩av| 国产有黄有色有爽视频| 精品久久蜜臀av无| 老司机亚洲免费影院| 亚洲精品一区蜜桃| 亚洲国产日韩一区二区| 中文字幕人妻丝袜一区二区| 高清在线国产一区| 国产99久久九九免费精品| 欧美日韩福利视频一区二区| 国产激情久久老熟女| 91精品国产国语对白视频| 99九九在线精品视频| 国产精品一区二区精品视频观看| 青青草视频在线视频观看| 国产高清国产精品国产三级| 午夜福利视频精品| 人人妻人人添人人爽欧美一区卜| 日韩免费高清中文字幕av| 欧美 亚洲 国产 日韩一| 国产成人av激情在线播放| 老司机影院成人| 欧美av亚洲av综合av国产av| 交换朋友夫妻互换小说| 高清在线国产一区| 又紧又爽又黄一区二区| 欧美老熟妇乱子伦牲交| 麻豆av在线久日| 大香蕉久久成人网| 国产人伦9x9x在线观看| 久久久久久免费高清国产稀缺| 一区二区日韩欧美中文字幕| 亚洲一码二码三码区别大吗| 免费久久久久久久精品成人欧美视频| 午夜激情av网站| 男女无遮挡免费网站观看| 亚洲精品中文字幕一二三四区 | 欧美精品一区二区大全| 成人国产一区最新在线观看| 王馨瑶露胸无遮挡在线观看| 亚洲中文日韩欧美视频| 亚洲国产毛片av蜜桃av| 伊人亚洲综合成人网| 中文精品一卡2卡3卡4更新| 夜夜骑夜夜射夜夜干| 十八禁高潮呻吟视频| 成人免费观看视频高清| 9色porny在线观看| 亚洲精品国产区一区二| 黑丝袜美女国产一区| 亚洲天堂av无毛| 99热网站在线观看| 超碰97精品在线观看| 亚洲av电影在线观看一区二区三区| 国产精品秋霞免费鲁丝片| 桃红色精品国产亚洲av| 51午夜福利影视在线观看| 免费高清在线观看日韩| 天天添夜夜摸| 欧美xxⅹ黑人| 一个人免费在线观看的高清视频 | 久久亚洲精品不卡| 少妇被粗大的猛进出69影院| 日韩欧美一区二区三区在线观看 | 精品久久久精品久久久| 在线观看免费视频网站a站| 大型av网站在线播放| 亚洲国产欧美在线一区| 女性被躁到高潮视频| 日韩精品免费视频一区二区三区| 欧美日韩成人在线一区二区| 色播在线永久视频| 日韩电影二区| 亚洲美女黄色视频免费看| 人人澡人人妻人| 欧美 日韩 精品 国产| 啦啦啦 在线观看视频| 99热国产这里只有精品6| 免费一级毛片在线播放高清视频 | 国产精品自产拍在线观看55亚洲 | 日本a在线网址| 成人三级做爰电影| 精品少妇一区二区三区视频日本电影| av有码第一页| 久久久久国产一级毛片高清牌| 下体分泌物呈黄色| www.999成人在线观看| 欧美日韩视频精品一区| 99久久99久久久精品蜜桃| 精品人妻一区二区三区麻豆| 久久99一区二区三区| 日本猛色少妇xxxxx猛交久久| 久久国产精品影院| 啦啦啦 在线观看视频| 菩萨蛮人人尽说江南好唐韦庄| 天天躁日日躁夜夜躁夜夜| 天天躁狠狠躁夜夜躁狠狠躁| 亚洲一区二区三区欧美精品| 国精品久久久久久国模美| 欧美+亚洲+日韩+国产| 日韩视频一区二区在线观看| 亚洲精品国产一区二区精华液| 久久国产精品影院| 国产在线免费精品| 精品欧美一区二区三区在线| 久久人人爽人人片av| 亚洲男人天堂网一区| 后天国语完整版免费观看| 日日爽夜夜爽网站| 免费少妇av软件| 中国美女看黄片| 精品一区二区三区av网在线观看 | 91成人精品电影| 免费女性裸体啪啪无遮挡网站| 熟女少妇亚洲综合色aaa.| 国产亚洲av高清不卡| a级片在线免费高清观看视频| 一区在线观看完整版| 少妇猛男粗大的猛烈进出视频| 人人妻,人人澡人人爽秒播| 黄频高清免费视频| 久久综合国产亚洲精品| av线在线观看网站| av超薄肉色丝袜交足视频| 黑人欧美特级aaaaaa片| 一个人免费看片子| 黄片大片在线免费观看| 午夜91福利影院| 成年动漫av网址| 亚洲人成电影观看| 亚洲欧美一区二区三区久久| 亚洲精品一二三| 国产av又大| 一级毛片精品| 国产在线一区二区三区精| 亚洲欧美精品自产自拍| 国产区一区二久久| 一级毛片精品| 精品人妻在线不人妻| 最近中文字幕2019免费版| 亚洲人成电影免费在线| 午夜激情av网站| 精品人妻熟女毛片av久久网站| 两人在一起打扑克的视频| 色婷婷久久久亚洲欧美| 在线天堂中文资源库| 国产成人欧美在线观看 | 欧美 亚洲 国产 日韩一| 国产精品久久久人人做人人爽| 香蕉国产在线看| 精品国产国语对白av| 一区福利在线观看| 99精品久久久久人妻精品| 一本大道久久a久久精品| 久久天堂一区二区三区四区| 亚洲免费av在线视频| 久久 成人 亚洲| 老熟妇乱子伦视频在线观看 | av有码第一页| 色94色欧美一区二区| 国产精品av久久久久免费| 国产一区二区三区av在线| av片东京热男人的天堂| 高清在线国产一区| 欧美黄色淫秽网站| 电影成人av| 自拍欧美九色日韩亚洲蝌蚪91| 在线观看免费高清a一片| 国产精品一区二区在线不卡| 亚洲av欧美aⅴ国产| 嫁个100分男人电影在线观看| 国产国语露脸激情在线看| 午夜激情久久久久久久| 免费在线观看日本一区| 一边摸一边抽搐一进一出视频| 亚洲精品国产区一区二| 少妇粗大呻吟视频| 欧美黑人精品巨大| 免费高清在线观看日韩| 黄色片一级片一级黄色片| 国产片内射在线| 老熟妇乱子伦视频在线观看 | 免费女性裸体啪啪无遮挡网站| 亚洲av电影在线观看一区二区三区| 乱人伦中国视频| 免费观看av网站的网址| 亚洲avbb在线观看| 久久久久久亚洲精品国产蜜桃av| 少妇的丰满在线观看| 国产成人av激情在线播放| 99国产极品粉嫩在线观看| 免费观看av网站的网址| 日本猛色少妇xxxxx猛交久久| 亚洲精品一卡2卡三卡4卡5卡 | 亚洲欧美精品自产自拍| 伦理电影免费视频| 欧美日韩亚洲高清精品| 欧美日韩中文字幕国产精品一区二区三区 | 五月天丁香电影| 日韩 欧美 亚洲 中文字幕| 狠狠狠狠99中文字幕| 午夜久久久在线观看| 97精品久久久久久久久久精品| 国产欧美日韩一区二区三 | 青春草亚洲视频在线观看| 精品国产超薄肉色丝袜足j| 亚洲,欧美精品.| 国产精品偷伦视频观看了| 国产精品一区二区在线不卡| 丝袜在线中文字幕| 女性生殖器流出的白浆| 国产成人av教育| 久久国产精品人妻蜜桃| 精品少妇一区二区三区视频日本电影| 免费黄频网站在线观看国产| 色94色欧美一区二区| 人人妻人人澡人人看| xxxhd国产人妻xxx| 亚洲全国av大片| 交换朋友夫妻互换小说| 国产精品久久久久成人av| 国产欧美日韩精品亚洲av| 国产精品免费大片| 亚洲国产毛片av蜜桃av| 国产成人av教育| 欧美成人午夜精品| 老鸭窝网址在线观看| 精品国产国语对白av| 高清视频免费观看一区二区| 欧美中文综合在线视频| 亚洲第一av免费看| 极品人妻少妇av视频| 啦啦啦啦在线视频资源| 亚洲av欧美aⅴ国产| netflix在线观看网站| 欧美黄色片欧美黄色片| 亚洲伊人色综图| cao死你这个sao货| 亚洲成人手机| 国产精品麻豆人妻色哟哟久久| 男女国产视频网站| 国产淫语在线视频| 老司机影院毛片| 色婷婷av一区二区三区视频| 人妻人人澡人人爽人人| 考比视频在线观看| 国产黄频视频在线观看| 国产高清videossex| 五月天丁香电影| 两个人免费观看高清视频| 交换朋友夫妻互换小说| 18禁黄网站禁片午夜丰满| 国产1区2区3区精品| 老司机靠b影院| 日本精品一区二区三区蜜桃| 亚洲成国产人片在线观看| 婷婷色av中文字幕| 少妇被粗大的猛进出69影院| 91国产中文字幕| 久久精品国产综合久久久| 精品亚洲成a人片在线观看| 亚洲精品中文字幕一二三四区 | 丰满迷人的少妇在线观看| 女人被躁到高潮嗷嗷叫费观| 国产免费福利视频在线观看| 人人妻人人添人人爽欧美一区卜| 建设人人有责人人尽责人人享有的| 国产男女超爽视频在线观看| 可以免费在线观看a视频的电影网站| 国产无遮挡羞羞视频在线观看| 久久国产精品大桥未久av| 欧美一级毛片孕妇| 欧美 亚洲 国产 日韩一| 国产一区有黄有色的免费视频| 国产精品成人在线| 丝袜美足系列| 国产又色又爽无遮挡免| 国产成人一区二区三区免费视频网站| 97精品久久久久久久久久精品| 99国产综合亚洲精品| 亚洲精品国产一区二区精华液| 欧美 亚洲 国产 日韩一| 18禁国产床啪视频网站| 亚洲成人手机| 欧美成人午夜精品| 91精品三级在线观看| 日本撒尿小便嘘嘘汇集6| 一区二区三区激情视频| 亚洲人成77777在线视频| 日韩有码中文字幕| 亚洲精品第二区| 亚洲av日韩精品久久久久久密| 女警被强在线播放| 丝袜美足系列| 亚洲,欧美精品.| 女人精品久久久久毛片| 欧美日韩黄片免| 亚洲国产精品一区二区三区在线| 国产精品欧美亚洲77777| 超碰97精品在线观看| 亚洲一码二码三码区别大吗| 丰满迷人的少妇在线观看| 在线观看一区二区三区激情| 日韩有码中文字幕| 九色亚洲精品在线播放| 国产一区二区三区在线臀色熟女 | 午夜91福利影院| 美女午夜性视频免费| 18禁黄网站禁片午夜丰满| 亚洲熟女毛片儿| 在线看a的网站| 高潮久久久久久久久久久不卡| 亚洲欧美一区二区三区久久| 亚洲精品一二三| 人妻久久中文字幕网| 好男人电影高清在线观看| 日韩大码丰满熟妇| 午夜91福利影院| 欧美老熟妇乱子伦牲交| 菩萨蛮人人尽说江南好唐韦庄| a 毛片基地| 1024香蕉在线观看| 中国美女看黄片| 成人18禁高潮啪啪吃奶动态图| 一边摸一边做爽爽视频免费| 黄色视频不卡| 18禁裸乳无遮挡动漫免费视频| 激情视频va一区二区三区| 又大又爽又粗| 在线观看www视频免费| 亚洲人成电影观看| 精品国产超薄肉色丝袜足j| 嫁个100分男人电影在线观看| 亚洲精品成人av观看孕妇| 亚洲黑人精品在线| 亚洲欧美日韩另类电影网站| 这个男人来自地球电影免费观看| 久久人人爽人人片av| 又大又爽又粗| 国产无遮挡羞羞视频在线观看| 桃红色精品国产亚洲av| 国产一级毛片在线| 18禁黄网站禁片午夜丰满| 午夜精品国产一区二区电影| 免费观看a级毛片全部| 久久久精品区二区三区| 久久香蕉激情| 久久精品国产a三级三级三级| 久久这里只有精品19| 亚洲精品一区蜜桃| 久久久久视频综合| h视频一区二区三区| 自拍欧美九色日韩亚洲蝌蚪91| 国产又爽黄色视频| 欧美中文综合在线视频| 久久天堂一区二区三区四区| 91老司机精品| 欧美激情极品国产一区二区三区| 色播在线永久视频| 欧美激情高清一区二区三区| 免费高清在线观看日韩| 午夜91福利影院| 叶爱在线成人免费视频播放| 国产精品久久久久成人av| 亚洲欧美一区二区三区黑人| 国产精品一区二区精品视频观看| 黄片大片在线免费观看| 热re99久久精品国产66热6| 中文欧美无线码| 精品国产超薄肉色丝袜足j| 欧美日韩视频精品一区| 日韩制服丝袜自拍偷拍| 欧美黄色淫秽网站| 成年动漫av网址| 最新在线观看一区二区三区| 午夜精品国产一区二区电影| 欧美精品人与动牲交sv欧美| 91九色精品人成在线观看| 深夜精品福利| 午夜激情久久久久久久| 国产成人欧美| 性色av乱码一区二区三区2| 欧美另类亚洲清纯唯美| 99热全是精品| 视频区欧美日本亚洲| 丰满人妻熟妇乱又伦精品不卡| 91成人精品电影| 成年女人毛片免费观看观看9 | 超碰成人久久| 亚洲精华国产精华精| 亚洲成人免费电影在线观看| 美女主播在线视频| 午夜免费成人在线视频| 久久久久视频综合| 少妇被粗大的猛进出69影院| 亚洲精品久久午夜乱码| 午夜福利在线免费观看网站| 又黄又粗又硬又大视频| 中文字幕人妻丝袜制服| 曰老女人黄片| 国产精品偷伦视频观看了| 每晚都被弄得嗷嗷叫到高潮| 少妇人妻久久综合中文| 天天影视国产精品| 欧美国产精品一级二级三级| 国产精品二区激情视频| 久久国产亚洲av麻豆专区| 国产av精品麻豆| 在线十欧美十亚洲十日本专区| 纵有疾风起免费观看全集完整版| 秋霞在线观看毛片| 免费在线观看黄色视频的| 国产精品九九99| 多毛熟女@视频| 欧美变态另类bdsm刘玥| 久久国产精品人妻蜜桃| 亚洲精品粉嫩美女一区| 搡老熟女国产l中国老女人| 亚洲av日韩在线播放| 欧美日韩av久久| 欧美亚洲 丝袜 人妻 在线| 妹子高潮喷水视频| 三级毛片av免费| av在线老鸭窝| 一级毛片电影观看| 99精品欧美一区二区三区四区| av国产精品久久久久影院| 国产精品自产拍在线观看55亚洲 | 中文字幕高清在线视频| 男女之事视频高清在线观看| 亚洲精品一卡2卡三卡4卡5卡 | 水蜜桃什么品种好| 麻豆av在线久日| 国产一级毛片在线| 99久久精品国产亚洲精品| 美女午夜性视频免费| 欧美大码av| 999久久久精品免费观看国产| bbb黄色大片| 亚洲欧美色中文字幕在线| 国产精品 欧美亚洲| 亚洲成av片中文字幕在线观看| 日日摸夜夜添夜夜添小说| 免费观看人在逋| 亚洲精品一卡2卡三卡4卡5卡 | 国产精品1区2区在线观看. | www.av在线官网国产| av电影中文网址| 一级片免费观看大全| 动漫黄色视频在线观看| 日韩制服骚丝袜av| avwww免费| 91大片在线观看| 日韩三级视频一区二区三区| 我要看黄色一级片免费的| 久久久久久久久久久久大奶| 亚洲精品中文字幕在线视频| 免费不卡黄色视频| 欧美黑人精品巨大| 精品国内亚洲2022精品成人 | 国产亚洲av片在线观看秒播厂| 亚洲欧洲日产国产| 在线天堂中文资源库| 一本大道久久a久久精品| 中国美女看黄片| 18禁观看日本| 人妻久久中文字幕网| 一本一本久久a久久精品综合妖精| 国产1区2区3区精品| 亚洲七黄色美女视频| 国产精品一二三区在线看| 国产麻豆69| 亚洲精品久久成人aⅴ小说| 精品国产乱子伦一区二区三区 | 久热爱精品视频在线9| 欧美日韩福利视频一区二区| 国产日韩欧美在线精品| 久久人人爽av亚洲精品天堂| 国产精品av久久久久免费| 水蜜桃什么品种好| 在线观看免费午夜福利视频| 日韩视频在线欧美| 亚洲精品久久午夜乱码| 51午夜福利影视在线观看| 黄网站色视频无遮挡免费观看| 国产一区二区在线观看av| 一区二区日韩欧美中文字幕| 久久 成人 亚洲| 永久免费av网站大全| 久久久精品国产亚洲av高清涩受| 国产主播在线观看一区二区| 免费一级毛片在线播放高清视频 | 熟女少妇亚洲综合色aaa.| 久久久久精品人妻al黑| 老司机亚洲免费影院| 制服诱惑二区| 午夜福利视频在线观看免费| 中文字幕最新亚洲高清| 黑丝袜美女国产一区| 一二三四在线观看免费中文在| 久久久国产成人免费| 啦啦啦免费观看视频1| 国产成人av激情在线播放| 肉色欧美久久久久久久蜜桃| 国产日韩欧美视频二区| 老司机午夜十八禁免费视频| kizo精华| 午夜91福利影院| 免费高清在线观看视频在线观看| 乱人伦中国视频| 国产人伦9x9x在线观看| 国产av精品麻豆| 亚洲三区欧美一区| 最新在线观看一区二区三区| 午夜福利,免费看| 高清欧美精品videossex| 欧美成狂野欧美在线观看| 国产野战对白在线观看| 黄片播放在线免费| 亚洲精品中文字幕一二三四区 | 黄色视频不卡| 丝袜脚勾引网站| 99热国产这里只有精品6| h视频一区二区三区| 91精品伊人久久大香线蕉| 一级,二级,三级黄色视频| 亚洲 国产 在线| www.熟女人妻精品国产| 天天躁日日躁夜夜躁夜夜| 亚洲精品久久久久久婷婷小说| videos熟女内射| 久久午夜综合久久蜜桃| 精品国产一区二区三区久久久樱花| 国产精品一二三区在线看| 国产成人欧美在线观看 | 欧美变态另类bdsm刘玥| 在线观看舔阴道视频| 黄片大片在线免费观看| 欧美精品高潮呻吟av久久| 久久99热这里只频精品6学生| 人成视频在线观看免费观看| 国产深夜福利视频在线观看| 久久影院123| 亚洲九九香蕉| 蜜桃国产av成人99| 亚洲国产中文字幕在线视频| 亚洲人成77777在线视频| 日韩中文字幕欧美一区二区| 亚洲第一欧美日韩一区二区三区 | 久久人妻福利社区极品人妻图片| 热re99久久精品国产66热6| 自拍欧美九色日韩亚洲蝌蚪91| 国产三级黄色录像| 亚洲精品第二区| 首页视频小说图片口味搜索| 久久久久精品人妻al黑| 777久久人妻少妇嫩草av网站| 麻豆国产av国片精品| 午夜福利乱码中文字幕| 欧美日韩国产mv在线观看视频| 一区二区三区精品91| 午夜福利视频在线观看免费| av国产精品久久久久影院| 一级,二级,三级黄色视频| 大片免费播放器 马上看| 免费人妻精品一区二区三区视频| 久久久国产欧美日韩av| av在线播放精品| 免费看十八禁软件| 亚洲国产毛片av蜜桃av| 亚洲 欧美一区二区三区| av网站免费在线观看视频| 新久久久久国产一级毛片| 久久青草综合色| 一级,二级,三级黄色视频| 久久久国产欧美日韩av| 窝窝影院91人妻| 亚洲国产欧美一区二区综合| 十八禁高潮呻吟视频| 亚洲精品久久午夜乱码|