百度前端學(xué)院-基礎(chǔ)學(xué)院-第四課

wean 發(fā)布于2019-04-23 14:38 / 1528人閱讀

摘要：今天是第四天，進(jìn)度可以，表?yè)P(yáng)一下自己。今天的課程目標(biāo)是掌握稍微復(fù)雜的一些選擇器，還有背景，邊框等一些樣式屬性。設(shè)置邊框?qū)挾取?/p>

今天是第四天，進(jìn)度可以，表?yè)P(yáng)一下自己。

今天的課程目標(biāo)是：掌握 CSS 稍微復(fù)雜的一些選擇器，還有背景，邊框等一些 CSS 樣式屬性。

CSS背景：

背景色：background-color:gray;

背景圖：background-image:url(www.......);

背景顏色漸變：

div {
background-image: linear-gradient(to bottom, orange, yellow);
}

背景圖像重復(fù)：background-repeat: repeat-y/x/no-repear;

背景圖片定位：background-position:center(值有很多，可參考：http://www.w3school.com.cn/cssref/pr_background-position.asp

背景圖片相對(duì)可視區(qū)固定： background-attachment:fixed; 默認(rèn)值是scroll，隨下拉圖片滾動(dòng)。

邊框：

border-style: double; 邊框樣式，可以設(shè)置dashed等。

border-width：thick；設(shè)置邊框?qū)挾取?/p>

border-color: rgb(25%, 35%,45%); 設(shè)置邊框顏色。如果設(shè)置為transparent，邊框是透明的。

云服務(wù)器 GPU云服務(wù)器前端學(xué)院深度學(xué)習(xí)第四課阿里學(xué)院學(xué)院

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/2319.html

相關(guān)文章

百度前端學(xué)院-基礎(chǔ)學(xué)院-第三課

摘要：第三天讓簡(jiǎn)歷有點(diǎn)色彩這一節(jié)課是來(lái)初步了解什么是，掌握基本的概念，語(yǔ)法，學(xué)習(xí)如何設(shè)置一些簡(jiǎn)單的樣式。設(shè)置文字陰影。取值較多，具體參考文本布局控制在盒子中的位置。設(shè)置字母與字母直接的間距，或者字與字直接的間距。第二步，瀏覽器顯示內(nèi)容。第三天：讓簡(jiǎn)歷有點(diǎn)色彩這一節(jié)課是來(lái)初步了解什么是CSS，掌握基本的CSS概念，語(yǔ)法，學(xué)習(xí)如何設(shè)置一些簡(jiǎn)單的樣式。好記性不如爛筆頭，開(kāi)始：字體： font-st...

DobbyKim 2019-04-23 14:38 評(píng)論0 收藏0
百度前端學(xué)院-基礎(chǔ)學(xué)院-第七天到第八天

摘要：第五天到第六天的內(nèi)容沒(méi)有記筆記，不好不好。第七天到第八天的學(xué)習(xí)目標(biāo)是學(xué)習(xí)布局的各種方式。主要包含相關(guān)和相關(guān)。定位的元素應(yīng)該在文檔流中的間隙不再存在絕對(duì)定位的元素不再存在于正常文檔布局流程中。內(nèi)容較多，請(qǐng)參考學(xué)習(xí)了容器項(xiàng)第五天到第六天的內(nèi)容沒(méi)有記筆記，不好不好。第七天到第八天的學(xué)習(xí)目標(biāo)是：學(xué)習(xí)布局的各種方式。主要包含position相關(guān)和Flexbox相關(guān)。知識(shí)點(diǎn)： 1、默認(rèn)情況下，塊級(jí)元...

zombieda 2019-04-23 13:46 評(píng)論0 收藏0
百度前端學(xué)院-基礎(chǔ)學(xué)院-第七天到第八天之BFC

摘要：簡(jiǎn)介全稱(chēng)中文為塊級(jí)格式化上下文。特征總之記住一句話元素特征表現(xiàn)原則就是內(nèi)部元素?zé)o論怎么翻江倒海，都不會(huì)影響外部元素。如何觸發(fā)，常見(jiàn)如下的值不為的值為，或。的值不為和需掌握自適應(yīng)模塊布局內(nèi)容很多，具體參考1、BFC簡(jiǎn)介 BFC全稱(chēng)block formatting context,中文為塊級(jí)格式化上下文。特征總之記住一句話： BFC元素特征表現(xiàn)原則就是：內(nèi)部元素?zé)o論怎么翻江倒海，都不會(huì)影響外部元...

junfeng777 2019-04-23 13:46 評(píng)論0 收藏0
百度前端學(xué)院-基礎(chǔ)學(xué)院-第吳課/第六課

摘要：邊界也會(huì)忽略百分比寬度設(shè)置。背景裁剪，值有改變盒子計(jì)算值只是不包含和只包含內(nèi)容高度今天是一個(gè)跨天的任務(wù)，學(xué)習(xí)目標(biāo)是：掌握CSS盒模型及Float；盒模型要點(diǎn)：如果盒子的高度被設(shè)置為百分比長(zhǎng)度，那么盒子高度不會(huì)遵循這個(gè)設(shè)置了的百分比長(zhǎng)度，而是總會(huì)采用盒子內(nèi)容的高度，除非給它設(shè)置了一個(gè)絕對(duì)高度（例如，像素或者 em）。這比把頁(yè)面上每個(gè)盒子的高度默認(rèn)設(shè)置為視口高度的 100% 更方便。邊界...

dunizb 2019-04-23 13:35 評(píng)論0 收藏0
百度前端學(xué)院-基礎(chǔ)學(xué)院-第二課

摘要：具體來(lái)說(shuō)，新建的規(guī)則有新特性應(yīng)該基于以及。，標(biāo)簽都是用來(lái)干嘛的是提供關(guān)于的元數(shù)據(jù)，不會(huì)顯示在頁(yè)面上，但是對(duì)于機(jī)器是可讀的。元數(shù)據(jù)可用來(lái)瀏覽器如何顯示內(nèi)容或重新加載頁(yè)面，用于搜索引擎關(guān)鍵字。 HTML是什么，HTML5是什么 HTML元素標(biāo)簽、屬性都是什么概念？文檔類(lèi)型是什么概念，起什么作用？ meta標(biāo)簽都用來(lái)做什么的？ Web語(yǔ)義化是什么，是為了解決什么問(wèn)題鏈接是什么概念，對(duì)應(yīng)什么標(biāo)簽...

stormzhang 2019-04-23 14:38 評(píng)論0 收藏0