伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

01 【Sass的安裝使用】

2023-4-23    前端達(dá)人

Sass的安裝使用

1.介紹

1.1 CSS預(yù)處理技術(shù),及種類介紹

什么是css預(yù)處理技術(shù)

  • CSS 預(yù)處理器定義了一種新的語言,其基本思想是,用一種專門的編程語言,為 CSS 增加了一些編程的特性,將 CSS 作為目標(biāo)生成文件,然后開發(fā)者就只要使用這種語言進(jìn)行編碼工作。
  • 通俗的說,“CSS 預(yù)處理器用一種專門的編程語言,進(jìn)行 Web 頁面樣式設(shè)計(jì),然后再編譯成正常的 CSS 文件,以供項(xiàng)目使用。CSS 預(yù)處理器為 CSS 增加一些編程的特性,無需考慮瀏覽器的兼容性問題”,例如你可以在 CSS 中使用變量、簡單的邏輯程序、函數(shù)(如變量$main-color)等等在編程語言中的一些基本特性,可以讓你的 CSS 更加簡潔、適應(yīng)性更強(qiáng)、可讀性更佳,更易于代碼的維護(hù)等諸多好處。

css預(yù)處理技術(shù)的種類

  • Sass(SCSS)
  • LESS
  • Stylus
  • Turbine
  • Swithch CSS
  • CSS Cacheer
  • DT CSS

如此之多的 CSS 預(yù)處理器,那么“我應(yīng)該選擇哪種 CSS 預(yù)處理器?”也相應(yīng)成了最近網(wǎng)上的一大熱門話題,各大技術(shù)論壇也是爭論不休。

到目前為止,在眾多優(yōu)秀的 CSS 預(yù)處理器語言中就屬 Sass、LESS 和 Stylus 最優(yōu)秀。

1.2 什么是sass

Sass(Syntactically Awesome StyleSheets)是一種CSS預(yù)處理器(preprocessor), 是一款強(qiáng)化 CSS 的輔助工具??梢愿咝У木帉憳邮?,同時(shí)實(shí)現(xiàn)變量、嵌套、組合、繼承等編程語言功能。

css是一門非程序式語言,沒有變量、函數(shù)、scope(作用域)等概念。

  • CSS需要書寫大量看似沒有邏輯的代碼,冗余度比較高
  • 不方便維護(hù)及擴(kuò)展,難以復(fù)用
  • css沒有很好的計(jì)算能力
  • 非前端工程師往往會(huì)因?yàn)槿鄙貱SS編寫經(jīng)驗(yàn)而很難寫出組織良好且易于維護(hù)的CSS代碼

CSS 預(yù)處理器定義了一種新的語言,其基本思想是,用一種專門的編程語言,為 CSS 增加了一些編程的特性,將 CSS 作為目標(biāo)生成文件,然后開發(fā)者只要使用這種語言進(jìn)行CSS的編碼工作就可以了。

“用一種專門的編程語言,進(jìn)行 Web 頁面樣式設(shè)計(jì),再通過編譯器轉(zhuǎn)化為正常的 CSS 文件,以供項(xiàng)目使用。”

2.關(guān)于scss和sass

sass是最早出現(xiàn)的css預(yù)處理語言,有著比less更強(qiáng)大的功能。采用Ruby語言編寫。

最初版本采用的是嚴(yán)格縮進(jìn)的風(fēng)格(不帶大括號(hào)( {} )和分號(hào)( ; ),這一語法也導(dǎo)致一開始,sass并不太為開發(fā)者所接受)。

從 V3 版本開始放棄了縮進(jìn)式的風(fēng)格,并完全兼容普通的css代碼,也因此從第三代開始,sass也被稱為scss。

Sass 3 就是 Scss,是Sassy CSS的簡寫,它是CSS3語法的超集,也就是說所有有效的CSS/CSS3樣式也同樣適合于Sass。

對現(xiàn)代編程來說,sass就是scss,也因此,sass現(xiàn)在的擴(kuò)展名為.scss(如果是舊版本的sass,可能擴(kuò)展名會(huì)為.sass)。

3.安裝和命令行編譯

cmd打開本地命令控制窗口,輸入下面字符串然后回車就裝好了。

npm install -g sass 
  • 1

編譯.scss文件為.css文件:

Sass使用.scss作為文件后綴名,不能直接在< link >標(biāo)簽里使用,需要編譯為 .css文件。 演示:

  1. 建一個(gè)html文件,隨便寫個(gè)h1標(biāo)簽:

image-20220823140518434

  1. 建一個(gè).scss后綴的文件,如input.scss,寫點(diǎn)基本樣式sass的語法:
    image-20220823140550201

  2. 在html文件所在的路徑下打開cmd命令控制符,輸入:

    //單文件轉(zhuǎn)換命令
    sass input.scss:output.css
    
    // 或 sass input.scss output.css 
            
    • 1
    • 2
    • 3
    • 4

    表示把名字為 input.scss 轉(zhuǎn)換成名字為 ouput.css 的文件。
    回車后,接下來發(fā)現(xiàn)就得到了css的文件。

    image-20220823140645814

使用 : 編譯輸出時(shí),前后不能有空格,即 : 前緊跟輸入的scss文件,: 后緊跟輸出的css文件。

: 冒號(hào)形式的命令,常用于編譯文件夾(中的所有sass文件)的輸入輸出。

css文件內(nèi)容如下,可以看出轉(zhuǎn)換好了:
 image-20220823140750386
接下來就是老操作了,在HTML里用 < link >標(biāo)簽把css文件引入就行。

  1. 但是不可能說寫一句.scss語句就轉(zhuǎn)換一次,太麻煩,所以可以自動(dòng)轉(zhuǎn)換,當(dāng)我在.scss里寫一句,.css就自動(dòng)生成一句。在cmd輸入以下:

    sass --watch input.scss:ouput.css 
            
    • 1

    表示監(jiān)視變化,當(dāng)input.scss一變化,output.css就變化

空格和冒號(hào)對應(yīng)生成css的兩中模式,如果是一對一模式(一個(gè)scss生成一個(gè)css),使用空格即可;如果是多對多模式,比如一個(gè)文件夾生成到另一個(gè)文件夾,同時(shí)一次性有多個(gè)scss文件生成css文件等。

# 編譯 light.scss 和 dark.scss 到 light.css 和 dark.css. > sass light.scss:light.css dark.scss:dark.css

sass  --watch  fileFolder:outputFolder/css 
  • 1
  • 2
  • 3
  • 4

當(dāng)名字為fileFolder這個(gè)文件夾里任意一個(gè).scss后綴的文件變化時(shí),就將其編譯到名字outputFolder/css這個(gè)文件夾里面(會(huì)自動(dòng)生成相應(yīng)的.css文件)

4.Sass文件編譯快覽

4.1 命令行編譯配置選項(xiàng)

可以通過 sass -h 或 sass --help 查看詳細(xì)配置項(xiàng)。

配置選項(xiàng)可以指定編譯后的css的排版、是否生成調(diào)試map、開啟debug等,最常用的是 --style 和 --sourcemap。

4.2 --watch監(jiān)聽文件變化

sass使用--watch選項(xiàng),用于監(jiān)聽scss文件的變化。這樣,當(dāng)scss文件內(nèi)容有改動(dòng)時(shí),會(huì)自動(dòng)編譯為css。

  • 監(jiān)聽單個(gè)scss文件
sass --watch .\firstsass.scss .\firstsass1.css 
  • 1
  • 監(jiān)聽scss文件夾
sass --watch .\scssdir\ .\cssdir\

sass --watch scssdir:cssdir 
  • 1
  • 2
  • 3

可以看到,使用 : 可以指定輸出的路徑(文件夾),否則css將默認(rèn)生成在源scss文件所在目錄中。

  • 結(jié)合 --style 監(jiān)聽
sass --watch app/sass:public/stylesheets --style=compressed 
  • 1

使用壓縮(compressed)的樣式(style)輸出 css 文件

4.3 --style指定css的樣式

--style 的css格式有兩種:expanded(默認(rèn))、compressed。

舊版本的Ruby實(shí)現(xiàn)中有四種樣式,還有nested、compact

// 指定編譯格式
sass input.scss:output.css --style=expanded 
  • 1
  • 2

比如,一個(gè)scss文件如下:

.box {
  width: 300px;
  height: 400px;
  &-title {
    height: 30px;
    line-height: 30px;
  }
} 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

下面,可以查看expanded、compressed編譯后的css格式。

  1. expanded :默認(rèn)值,未壓縮的展開的css格式

每個(gè)選擇器和聲明單獨(dú)一行。

執(zhí)行如下命令編譯:

sass styletest.scss styletest.css --style=expanded

# 或 sass styletest.scss styletest.css 
  • 1
  • 2
  • 3

expanded編譯過后的樣式,是標(biāo)準(zhǔn)的沒有經(jīng)過任何壓縮,全部字符展開的css格式:

.box { width: 300px; height: 400px; } .box-title { height: 30px; line-height: 30px; } 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  1. compressed 去除所有的空白字符,全部css內(nèi)容壓縮為一行

生產(chǎn)環(huán)境中推薦的css格式。

執(zhí)行如下命令編譯,將css結(jié)果輸出在命令行中:

sass --style=compressed styletest.scss

.box{width:300px;height:400px}.box-title{height:30px;line-height:30px} 
  • 1
  • 2
  • 3

5.使用VSCode插件編譯

5.1 基本使用

live sass compiler是VSCode擴(kuò)展,可以實(shí)時(shí)地將SASS / SCSS文件編譯/轉(zhuǎn)換為CSS文件。

  • 可以自動(dòng)添加css兼容性前綴,-webkit-,-moz-,-ms,-o-等。
  • 可以自定義css文件解析后的代碼樣式(expanded 展開,compact,compressed 壓縮,nested)。
  • 可自定義編譯/轉(zhuǎn)換后的文件擴(kuò)展名(.css或.min.css)。

1.在vscode插件里搜索live sass compiler安裝。

2.安裝后,新建scss文件,在vscode底部狀態(tài)欄中點(diǎn)擊watch sass,此時(shí)狀態(tài)為 Watching ,即可自動(dòng)解析sass為css文件。

image-20220823173100339

5.2 自定義設(shè)置

在使用live sass compiler插件時(shí),并不是所有的默認(rèn)設(shè)置都如我們所愿,那么,我們來看一下如何自定義設(shè)置。

1.編譯/轉(zhuǎn)換后的文件格式、擴(kuò)展名、保存位置

  • 文件格式
    格式可以是expanded,compact,compressed或nested。默認(rèn)值為 expanded。
  • 擴(kuò)展名
    擴(kuò)展名可以是.css或.min.css。默認(rèn)值為.css。
  • 保存位置
    默認(rèn)的轉(zhuǎn)換后的css文件保存在scss文件的同級(jí)目錄下,但實(shí)際,我們通常需要把所有scss文件保存在scss文件夾,而css文件希望保存在css的文件夾,如圖所示:
    image-20220823173159840

我們在配置中如下設(shè)置:

"liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName": ".css", "savePath": "~/../css/" } ] 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

savePath即為導(dǎo)出后的文件保存位置。

2.去掉編譯時(shí)出現(xiàn)的css.map文件
在每個(gè)文件編譯后,默認(rèn)設(shè)置下,會(huì)同時(shí)出現(xiàn)一個(gè)map格式的文件,有時(shí)并不需要該文件,那么我們?nèi)绾稳サ裟兀?

"liveSassCompile.settings.generateMap": false, 
  • 1

默認(rèn)值為true,我們設(shè)置為false即可。

3.設(shè)置css兼容性前綴
live sass compiler可以在編譯時(shí)自動(dòng)添加CSS兼容性前綴(-webkit-,-moz-,-ms,-o-等),如下設(shè)置:

"liveSassCompile.settings.autoprefix": [ "> 1%", "last 3 versions" ], 
  • 1
  • 2
  • 3
  • 4

其中,

  • ">1%"是指 通過全球使用情況統(tǒng)計(jì)信息選擇出的高于1%使用率的瀏覽器版本。
  • "last 3 versions"是指 每個(gè)瀏覽器的最后3個(gè)版本。

這里也可以設(shè)置為具體的瀏覽器,如下:

"liveSassCompile.settings.autoprefix": [ "ie >= 6", //ie6以上 "firefox >= 8", "chrome >= 24", "Opera>=10" ], 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

總結(jié)

個(gè)人配置:

"liveSassCompile.settings.generateMap": true, "liveSassCompile.settings.autoprefix": [ "ie >= 6", //ie6以上 "firefox >= 8", "chrome >= 24", "Opera>=10" ], "liveSassCompile.settings.excludeList": [ "**/node_modules/**", ".vscode/**" ], "liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName": ".css", "savePath": "~/../css/" }, "liveSassCompile.settings.showOutputWindow": true ] 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
壓縮生成min.css文件 "liveSassCompile.settings.formats": [ // More Complex { "format": "compressed", "extensionName": ".min.css", "savePath": "~/../css/" } ] 
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

感覺總體作用不大,還是結(jié)合webpack等工具,實(shí)時(shí)更新頁面內(nèi)容時(shí),實(shí)時(shí)編譯scss,而不需要單獨(dú)使用該工具。

6.使用webpack編譯

在目前主流的前端項(xiàng)目中,一般是使用 Webpack 來構(gòu)建我們的前端項(xiàng)目,并且大多數(shù)都跑在 Node 環(huán)境下。

行如下命令安裝 sass-loader :

npm install mini-css-extract-plugin -D npm install css-loader -D npm install sass-loader --save-dev 
  • 1
  • 2
  • 3

webpack.config.js


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~ 希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。  分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。  藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

日歷

鏈接

個(gè)人資料

存檔

欧美最新免费一区二区三区| 日韩中字成人| 欧美老熟妇乱子伦牲交| 九九爱精品视频在线观看| 51国产日韩欧美| 好男人在线观看高清免费视频| 最近中文字幕高清免费大全6| 综合色丁香网| av在线天堂中文字幕| 一本色道久久久久久精品综合| 精品人妻视频免费看| 天天躁夜夜躁狠狠久久av| 国产爱豆传媒在线观看| 纵有疾风起免费观看全集完整版| 色网站视频免费| 人人妻人人澡人人爽人人夜夜| 久久鲁丝午夜福利片| 十八禁网站网址无遮挡 | 色网站视频免费| 插逼视频在线观看| 欧美xxⅹ黑人| 国产黄片美女视频| 亚洲成人av在线免费| 亚洲av二区三区四区| 三级男女做爰猛烈吃奶摸视频| 日本黄大片高清| 肉色欧美久久久久久久蜜桃 | 色播亚洲综合网| 国产黄片视频在线免费观看| 国精品久久久久久国模美| 日韩成人av中文字幕在线观看| 天美传媒精品一区二区| 国产精品久久久久久av不卡| 日本一二三区视频观看| 嫩草影院入口| 婷婷色综合www| 亚洲婷婷狠狠爱综合网| 久久国内精品自在自线图片| 麻豆成人午夜福利视频| 最近手机中文字幕大全| videossex国产| 国产亚洲av嫩草精品影院| 久久国内精品自在自线图片| 亚洲国产色片| 少妇熟女欧美另类| 三级国产精品片| 亚洲国产成人一精品久久久| 国产久久久一区二区三区| 久久精品国产亚洲av天美| 天堂网av新在线| 精品亚洲乱码少妇综合久久| 亚洲人成网站在线播| 直男gayav资源| 丝袜喷水一区| 久久久久久久亚洲中文字幕| 丝瓜视频免费看黄片| 亚洲人成网站高清观看| 久热这里只有精品99| 久久久欧美国产精品| 内射极品少妇av片p| 伦理电影大哥的女人| 日本-黄色视频高清免费观看| 在线天堂最新版资源| 人妻夜夜爽99麻豆av| av播播在线观看一区| 欧美精品一区二区大全| 国产免费又黄又爽又色| 国产精品人妻久久久久久| 人人妻人人爽人人添夜夜欢视频 | 亚洲精品日韩在线中文字幕| 高清午夜精品一区二区三区| 男的添女的下面高潮视频| 国产黄色免费在线视频| 亚洲精品自拍成人| 中文欧美无线码| 免费观看a级毛片全部| 亚洲欧美日韩无卡精品| 免费观看a级毛片全部| 少妇人妻久久综合中文| 精品国产三级普通话版| 免费av毛片视频| 九色成人免费人妻av| 成人特级av手机在线观看| 久久综合国产亚洲精品| 毛片一级片免费看久久久久| 国产片特级美女逼逼视频| 久久久久网色| 国产精品一区www在线观看| 亚洲人与动物交配视频| 国产黄色视频一区二区在线观看| 少妇人妻精品综合一区二区| 男人狂女人下面高潮的视频| 尤物成人国产欧美一区二区三区| 久久精品熟女亚洲av麻豆精品| 国产伦理片在线播放av一区| 不卡视频在线观看欧美| 国产精品人妻久久久久久| 黄色配什么色好看| 国产精品一区二区在线观看99| 夜夜看夜夜爽夜夜摸| 午夜日本视频在线| 精品久久久久久久久亚洲| 精品午夜福利在线看| 国产精品三级大全| 欧美少妇被猛烈插入视频| 视频中文字幕在线观看| 午夜福利视频精品| 18禁裸乳无遮挡免费网站照片| 午夜老司机福利剧场| 97热精品久久久久久| 一区二区三区免费毛片| 卡戴珊不雅视频在线播放| 国产在视频线精品| 久久精品夜色国产| 成年av动漫网址| 夜夜爽夜夜爽视频| 午夜免费男女啪啪视频观看| 少妇高潮的动态图| av.在线天堂| 永久免费av网站大全| 自拍偷自拍亚洲精品老妇| 日韩精品有码人妻一区| av又黄又爽大尺度在线免费看| 18禁裸乳无遮挡动漫免费视频 | 蜜桃亚洲精品一区二区三区| 极品少妇高潮喷水抽搐| 免费人成在线观看视频色| 欧美潮喷喷水| 九草在线视频观看| 身体一侧抽搐| 亚洲成人精品中文字幕电影| 国产精品久久久久久精品电影| 国产黄a三级三级三级人| 午夜免费鲁丝| 毛片女人毛片| 晚上一个人看的免费电影| 婷婷色av中文字幕| 极品教师在线视频| 国产久久久一区二区三区| 国产色婷婷99| 国产成人精品福利久久| 亚洲av国产av综合av卡| 亚洲欧美精品专区久久| av免费在线看不卡| 少妇裸体淫交视频免费看高清| 午夜福利视频1000在线观看| 亚洲精品456在线播放app| 亚洲在线观看片| 人妻一区二区av| 国产午夜福利久久久久久| 亚洲成人中文字幕在线播放| 国产成人精品婷婷| 一二三四中文在线观看免费高清| 精品久久久久久久末码| 日韩一区二区三区影片| 丝瓜视频免费看黄片| 日韩一区二区视频免费看| 国产成人一区二区在线| 亚洲欧美一区二区三区黑人 | 亚洲在久久综合| 永久网站在线| 美女主播在线视频| 久久久国产一区二区| 亚洲高清免费不卡视频| 99热6这里只有精品| 亚洲人成网站在线播| 国产毛片在线视频| 一级爰片在线观看| av线在线观看网站| 最近最新中文字幕大全电影3| 91精品一卡2卡3卡4卡| 亚洲电影在线观看av| 国产一区二区三区av在线| 精品午夜福利在线看| av在线播放精品| 最近2019中文字幕mv第一页| 又爽又黄a免费视频| 高清视频免费观看一区二区| 人体艺术视频欧美日本| 亚洲精品日韩av片在线观看| 国产欧美另类精品又又久久亚洲欧美| 国产高清有码在线观看视频| 久久久久性生活片| 久久精品国产a三级三级三级| 国产午夜精品一二区理论片| 免费观看av网站的网址| 搡女人真爽免费视频火全软件| 久久ye,这里只有精品| 男人爽女人下面视频在线观看| 国产日韩欧美亚洲二区| 欧美人与善性xxx| 日本-黄色视频高清免费观看| 日韩不卡一区二区三区视频在线| 久久人人爽av亚洲精品天堂 | 少妇人妻精品综合一区二区| 国产综合懂色| 日韩国内少妇激情av| 亚洲精品亚洲一区二区| 2018国产大陆天天弄谢| 亚洲婷婷狠狠爱综合网| 人妻系列 视频| 在线观看一区二区三区激情| 精品酒店卫生间| 亚洲欧美精品专区久久| 美女主播在线视频| 色哟哟·www| 国产精品熟女久久久久浪| 国产久久久一区二区三区| 欧美激情国产日韩精品一区| 神马国产精品三级电影在线观看| 国产国拍精品亚洲av在线观看| 欧美成人一区二区免费高清观看| 人妻系列 视频| 最近最新中文字幕大全电影3| 亚洲成色77777| 日韩欧美精品v在线| 国国产精品蜜臀av免费| 亚洲aⅴ乱码一区二区在线播放| 国产乱来视频区| 男女无遮挡免费网站观看| 国产淫语在线视频| 久久久久久久久久久免费av| 国产午夜精品久久久久久一区二区三区| 一级a做视频免费观看| 99久国产av精品国产电影| 国产91av在线免费观看| 日韩国内少妇激情av| 蜜臀久久99精品久久宅男| 欧美精品国产亚洲| 国产一区二区亚洲精品在线观看| 99久久精品国产国产毛片| 国产久久久一区二区三区| 欧美激情久久久久久爽电影| 只有这里有精品99| 男女边吃奶边做爰视频| 欧美另类一区| 永久免费av网站大全| 亚洲国产色片| 日产精品乱码卡一卡2卡三| 精品久久久久久久末码| 波野结衣二区三区在线| 国产女主播在线喷水免费视频网站| 免费播放大片免费观看视频在线观看| 亚洲av电影在线观看一区二区三区 | 69av精品久久久久久| 美女视频免费永久观看网站| 成人欧美大片| 国产女主播在线喷水免费视频网站| 一本—道久久a久久精品蜜桃钙片 精品乱码久久久久久99久播 | 亚洲综合精品二区| 亚洲av在线观看美女高潮| 国产成人精品福利久久| 亚洲精品日韩av片在线观看| 国产精品女同一区二区软件| 亚洲精品第二区| 小蜜桃在线观看免费完整版高清| 亚洲激情五月婷婷啪啪| 久久久久久国产a免费观看| 日韩亚洲欧美综合| 免费黄频网站在线观看国产| 制服丝袜香蕉在线| 日本猛色少妇xxxxx猛交久久| 亚洲国产最新在线播放| 欧美丝袜亚洲另类| 老师上课跳d突然被开到最大视频| 黄色一级大片看看| 国产精品无大码| 黄色怎么调成土黄色| 晚上一个人看的免费电影| 麻豆成人av视频| 神马国产精品三级电影在线观看| 国产成人福利小说| 黄色视频在线播放观看不卡| 亚洲av成人精品一区久久| 国内精品美女久久久久久| 亚洲一级一片aⅴ在线观看| 人妻少妇偷人精品九色| 日韩电影二区| 国产精品久久久久久久电影| 精品久久久久久电影网| 亚洲精品国产av成人精品| 麻豆成人午夜福利视频| 国产黄色视频一区二区在线观看| 久久久久久久亚洲中文字幕| 国产免费一级a男人的天堂| 国产精品人妻久久久影院| 国产淫片久久久久久久久| 青春草视频在线免费观看| 寂寞人妻少妇视频99o| 亚洲国产欧美在线一区| 日韩亚洲欧美综合| 欧美变态另类bdsm刘玥| 一区二区三区精品91| 亚洲,一卡二卡三卡| 极品教师在线视频| 一个人看的www免费观看视频| 久久99蜜桃精品久久| 精品少妇久久久久久888优播| 99久久人妻综合| 日本免费在线观看一区| 亚洲精品乱久久久久久| 亚洲欧洲日产国产| 丝袜脚勾引网站| 欧美老熟妇乱子伦牲交| 国产精品无大码| 成人漫画全彩无遮挡| 色视频www国产| 看免费成人av毛片| 亚洲国产精品专区欧美| 一本久久精品| a级一级毛片免费在线观看| 自拍偷自拍亚洲精品老妇| 成人特级av手机在线观看| 久久精品国产亚洲网站| 小蜜桃在线观看免费完整版高清| 男女啪啪激烈高潮av片| 久久综合国产亚洲精品| 婷婷色av中文字幕| 国产精品.久久久| 99久久中文字幕三级久久日本| 大香蕉97超碰在线| 国产亚洲一区二区精品| 伊人久久精品亚洲午夜| 精品国产三级普通话版| 丰满少妇做爰视频| 国产日韩欧美在线精品| 国内少妇人妻偷人精品xxx网站| 欧美一区二区亚洲| 成人亚洲精品av一区二区| 人人妻人人澡人人爽人人夜夜| 亚洲av.av天堂| 色婷婷久久久亚洲欧美| av专区在线播放| 精品人妻偷拍中文字幕| 国产精品女同一区二区软件| 高清毛片免费看| 国产精品久久久久久久电影| www.色视频.com| 老司机影院成人| 免费少妇av软件| 日韩av在线免费看完整版不卡| 又粗又硬又长又爽又黄的视频| 97精品久久久久久久久久精品| 日日摸夜夜添夜夜添av毛片| 国内揄拍国产精品人妻在线| 97热精品久久久久久| 国产成人a区在线观看| 久久热精品热| 欧美日韩视频高清一区二区三区二| 狠狠精品人妻久久久久久综合| 欧美区成人在线视频| 成人特级av手机在线观看| 又爽又黄无遮挡网站| 网址你懂的国产日韩在线| 少妇人妻久久综合中文| 好男人在线观看高清免费视频| 赤兔流量卡办理| 日日啪夜夜撸| 免费大片18禁| 国产亚洲av片在线观看秒播厂| 国产免费福利视频在线观看| 男女国产视频网站| 少妇 在线观看| 欧美激情久久久久久爽电影| 丰满人妻一区二区三区视频av| 丝袜脚勾引网站| 日本熟妇午夜| 亚洲av免费在线观看| 国产成人aa在线观看| 高清视频免费观看一区二区| 久久99热这里只有精品18| 成年人午夜在线观看视频| 精品一区二区三卡| 亚洲自拍偷在线| 插阴视频在线观看视频| 成人欧美大片| 亚洲精品,欧美精品| 美女内射精品一级片tv| 免费少妇av软件| 欧美亚洲 丝袜 人妻 在线| 丝袜美腿在线中文| 天堂网av新在线| 国产精品无大码| 18禁裸乳无遮挡免费网站照片| 亚洲精品一二三| 日本wwww免费看| 99热6这里只有精品| 内射极品少妇av片p| 国产精品国产三级国产av玫瑰| 在线免费观看不下载黄p国产| 夫妻性生交免费视频一级片| 五月玫瑰六月丁香| 干丝袜人妻中文字幕| 边亲边吃奶的免费视频| 亚洲,一卡二卡三卡| 美女被艹到高潮喷水动态| 最新中文字幕久久久久| 男人爽女人下面视频在线观看| 人妻制服诱惑在线中文字幕| 自拍欧美九色日韩亚洲蝌蚪91 | 亚洲av国产av综合av卡| 视频中文字幕在线观看| 在线观看人妻少妇| 亚洲欧美精品专区久久| 天天躁日日操中文字幕| 人妻 亚洲 视频| 亚洲欧美成人综合另类久久久| 久久久久国产精品人妻一区二区| av天堂中文字幕网| 欧美另类一区| 中文字幕人妻熟人妻熟丝袜美| 亚洲真实伦在线观看| 亚洲精品影视一区二区三区av| 看黄色毛片网站| av免费在线看不卡| 99热这里只有精品一区| 91午夜精品亚洲一区二区三区| 午夜免费鲁丝| 极品少妇高潮喷水抽搐| 日日啪夜夜撸| 性色avwww在线观看| 国产探花在线观看一区二区| 欧美日韩视频精品一区| 国产淫片久久久久久久久| 国产欧美亚洲国产| 国产毛片a区久久久久| 欧美bdsm另类| 亚洲精品成人av观看孕妇| 99视频精品全部免费 在线| 成人漫画全彩无遮挡| 又黄又爽又刺激的免费视频.| 自拍偷自拍亚洲精品老妇| 国内精品宾馆在线| 精品酒店卫生间| 国产高清国产精品国产三级 | 欧美高清性xxxxhd video| 欧美精品人与动牲交sv欧美| 免费观看性生交大片5| 午夜视频国产福利| 精品一区二区免费观看| 又爽又黄无遮挡网站| 久久久久久九九精品二区国产| 婷婷色综合www| 亚洲国产日韩一区二区| 久久久精品94久久精品| 99热这里只有精品一区| 国产极品天堂在线| 久久久久久伊人网av| 女人十人毛片免费观看3o分钟| 亚洲av成人精品一区久久| 26uuu在线亚洲综合色| 少妇人妻精品综合一区二区| 永久网站在线| 欧美zozozo另类| 另类亚洲欧美激情| 久久久成人免费电影| 日本黄色片子视频| 成人亚洲精品一区在线观看 | 亚洲欧美日韩无卡精品| 久久久久精品性色| 色网站视频免费| 国产高清有码在线观看视频| 欧美高清成人免费视频www| 免费不卡的大黄色大毛片视频在线观看| 干丝袜人妻中文字幕| 欧美精品一区二区大全| 最近手机中文字幕大全| 国产欧美亚洲国产| 亚洲精品国产色婷婷电影| 男女无遮挡免费网站观看| 久久久久久久久大av| 欧美成人精品欧美一级黄| 午夜福利在线在线| 一级毛片我不卡| 国产黄片美女视频| 日韩成人av中文字幕在线观看| 国产伦精品一区二区三区四那| 国产国拍精品亚洲av在线观看| 亚洲天堂国产精品一区在线| 3wmmmm亚洲av在线观看| 天堂俺去俺来也www色官网| 日本黄大片高清| 性插视频无遮挡在线免费观看| 中文资源天堂在线| a级毛片免费高清观看在线播放| 最近最新中文字幕大全电影3| 精品国产乱码久久久久久小说| 久久精品国产亚洲网站| 22中文网久久字幕| 日本一二三区视频观看| 精品酒店卫生间| 午夜免费鲁丝| 午夜免费男女啪啪视频观看| 有码 亚洲区| 日本一本二区三区精品| 久久久久久伊人网av| 91精品国产九色| 91aial.com中文字幕在线观看| 秋霞在线观看毛片| 日韩人妻高清精品专区| 日本欧美国产在线视频| 美女脱内裤让男人舔精品视频| 嫩草影院新地址| 特级一级黄色大片| 亚洲最大成人av| 欧美变态另类bdsm刘玥| 亚洲内射少妇av| 国产探花在线观看一区二区| 日韩三级伦理在线观看| 涩涩av久久男人的天堂| 精品一区二区免费观看| 狠狠精品人妻久久久久久综合| 久久国产乱子免费精品| 国产精品一二三区在线看| 亚洲精品亚洲一区二区| 水蜜桃什么品种好| 日韩欧美 国产精品| 高清欧美精品videossex| 国产熟女欧美一区二区| 久久午夜福利片| 欧美最新免费一区二区三区| 亚洲高清免费不卡视频| 亚洲经典国产精华液单| 亚洲aⅴ乱码一区二区在线播放| 久久鲁丝午夜福利片| 欧美少妇被猛烈插入视频| 久久久精品免费免费高清| 一边亲一边摸免费视频| 免费人成在线观看视频色| 国产一区亚洲一区在线观看| 日本一本二区三区精品| 亚洲av男天堂| av在线app专区| 国产精品国产三级国产av玫瑰| 亚洲天堂国产精品一区在线| 最近最新中文字幕免费大全7| 别揉我奶头 嗯啊视频| 少妇人妻 视频| 国产91av在线免费观看| 国产午夜精品久久久久久一区二区三区| 午夜激情福利司机影院| 亚洲精品亚洲一区二区| 99热6这里只有精品| av在线观看视频网站免费| 天堂俺去俺来也www色官网| 日本与韩国留学比较| 欧美丝袜亚洲另类| 汤姆久久久久久久影院中文字幕| 51国产日韩欧美| 天天躁夜夜躁狠狠久久av| 亚洲成人久久爱视频| 午夜日本视频在线| 少妇熟女欧美另类| 婷婷色麻豆天堂久久| 久久99热6这里只有精品| 亚洲自拍偷在线| 成人亚洲精品av一区二区| 最新中文字幕久久久久| 特大巨黑吊av在线直播| 亚洲欧洲国产日韩| 国产日韩欧美亚洲二区| 97超视频在线观看视频| 黄色欧美视频在线观看| 久久久久久国产a免费观看| 国产精品人妻久久久久久| 久久综合国产亚洲精品| 免费大片黄手机在线观看| 国产成人a∨麻豆精品| 九九在线视频观看精品| 毛片女人毛片| 国产乱人视频| 韩国av在线不卡| 久久国产乱子免费精品| 99热这里只有精品一区| 亚洲伊人久久精品综合| 蜜桃久久精品国产亚洲av| 亚洲美女视频黄频| 国产综合懂色| 国产av不卡久久| av专区在线播放| 嫩草影院精品99| www.av在线官网国产| 日韩欧美精品免费久久| 永久网站在线| 黄色视频在线播放观看不卡| 国产精品国产三级专区第一集| 午夜激情福利司机影院| 欧美日韩视频精品一区| 成年av动漫网址| 久久久久久伊人网av| 精品一区二区三卡| 国产精品爽爽va在线观看网站| 国产成人freesex在线| 国产中年淑女户外野战色| 人妻夜夜爽99麻豆av| 国产成人aa在线观看| 精品人妻视频免费看| 久久精品国产a三级三级三级| 国产精品国产三级国产av玫瑰| 成年女人在线观看亚洲视频 | 男女无遮挡免费网站观看| 日韩强制内射视频| 日本熟妇午夜| 97热精品久久久久久| 我的老师免费观看完整版| 久久人人爽人人片av| 五月伊人婷婷丁香| 国产亚洲av片在线观看秒播厂| 国产成人精品婷婷| 91精品一卡2卡3卡4卡| 国产免费视频播放在线视频| 一级毛片黄色毛片免费观看视频| 下体分泌物呈黄色| 深夜a级毛片| 亚洲不卡免费看|