第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

<link rel="stylesheet"

表明引入的是css樣式文件

index.html

css

js

img

reset.css初始化瀏覽器文件

• 京東商城首頁(yè)樣式改版

自動(dòng)刷新工具使用方法

1、class="header" & class="content"，頁(yè)面頭部&內(nèi)容區(qū)元素構(gòu)建：

（1）class="xxx-box"：xxx元素區(qū)域的容器，如：

? ? class="search-box"：搜索區(qū)域；?class="logo-box"：logo區(qū)域；class="menu-box"：菜單區(qū)域；class="slider-box"：輪播圖區(qū)域；class="ad-box"：廣告區(qū)域；class="info-box"：信息區(qū)域；

（2）class="xxx-bar"：xxx元素欄，如：

? ??class="search-bar"：搜索欄

（3）class="wrapper"：封裝類(lèi)；通用的，可復(fù)用（可寫(xiě)入#common）

2、注意事項(xiàng)：

使用button標(biāo)簽時(shí)，需要添加button的type，便于各瀏覽器兼容，即：

<button?type="button"></button>

1、頁(yè)面構(gòu)建順序：html，css，js

2、html創(chuàng)建：

（1）頁(yè)面容器設(shè)置

A、div：容器標(biāo)簽 <div></div>，div的命名要體現(xiàn)位置、層次、作用

B、頁(yè)面div基本層級(jí)

class="comtainer"：【comtainer】頁(yè)面中最大的容器，包含頁(yè)面內(nèi)所有的元素

? ? class="nav"：導(dǎo)航區(qū)；【nav】=navigation 導(dǎo)航

? ? class="header"：頁(yè)面頭部，logo，搜索等

? ? class="content"：內(nèi)容區(qū)

（3）class="nav"，導(dǎo)航元素框架搭建

創(chuàng)建無(wú)序列表&信息：

????<ul>?
????<li>信息</li>
????</ul>

3、VS-Code快捷鍵：

html元素*數(shù)字：快速創(chuàng)建幾對(duì)html元素標(biāo)簽，如：

div*數(shù)字

li*數(shù)字

1、創(chuàng)建步驟：

（1）VS-Code打開(kāi)新建的項(xiàng)目文件夾

（2）創(chuàng)建首頁(yè)的html頁(yè)面

（3）在項(xiàng)目根目錄下，創(chuàng)建三個(gè)文件夾：css，js，img

（4）css文件夾內(nèi)依次創(chuàng)建文件：reset.css，common.css，index.css

（5）css文件引用，順序：

A、reset.css：首先解決不同瀏覽器的兼容性，所以先引用

B、commen.css：定義公共樣式

C、index.css

2、常用命令相關(guān)：

（1）新建html頁(yè)面快捷命令：html:5

（3）css引用：head內(nèi)，<link rel="stylesheet" href="css/css文件名">；可直接輸入link+【enter】

3、css文件類(lèi)型：

（1）# reset.css：【reset】的作用：初始化瀏覽器不同屬性；文件用于解決各瀏覽器的不同屬性

（2）#common.css：頁(yè)面的通用文件；解決整個(gè)頁(yè)面的公共樣式

（3）#index.css：index頁(yè)面的獨(dú)特的，或頁(yè)面級(jí)別的樣式文件；除上述外，解決頁(yè)面內(nèi)元素/邏輯級(jí)的樣式

瀏覽器會(huì)給頁(yè)面添加默認(rèn)樣式，因此需要reset.css初始化樣式

先將內(nèi)容填入框架，再為內(nèi)容定義樣式

asfdsf

在cart-btn里 購(gòu)物車(chē)的文字圖標(biāo)和"我的購(gòu)物車(chē)"字體在用line-height和heigth實(shí)現(xiàn)垂直居中時(shí)有一個(gè)需要注意的地方是即使行高和高度設(shè)置了一樣，但字體還是會(huì)稍微向下偏移，這是由于文字圖標(biāo)也是文字的一種，但line-height指的是文字中心到上下邊框的距離，所以可以在文字圖標(biāo)的樣式中加入 vertical-align:?middle; 實(shí)現(xiàn)在水平方向的居中。

使用vscode代碼編輯器的小技巧：

vscode可以快速創(chuàng)建各種標(biāo)簽，例如div*3快速創(chuàng)建三個(gè)div標(biāo)簽；

當(dāng)有多個(gè)標(biāo)簽內(nèi)容相同時(shí)，可以按住Alt鍵選中多個(gè)標(biāo)簽進(jìn)行編輯

實(shí)現(xiàn)小豎線可以利用偽類(lèi):after來(lái)執(zhí)著具體代碼如下：

.nav-box?ul?li::after{

????content:?"";

????width:?1px;

????height:?14px;

????background:?#cccccc;

????position:?absolute;

????top:?8px;

????right:?0;

????display:?block;

}

去除后面的一個(gè)下劃線可以使用:not(last-child)實(shí)現(xiàn)：

.nav-box?ul?li:not(:last-child):after{

????content:?"";

????width:?1px;

????height:?14px;

????background:?#cccccc;

????position:?absolute;

????top:?8px;

????right:?0;

????display:?block;

}