摘要:在前面,我們學(xué)習(xí)了的結(jié)構(gòu)基本骨架起名方式和選擇器,接下來(lái),我們就要學(xué)習(xí)了。首先,我們要知道是什么。全稱叫層疊樣式表,作用是給添加樣式,添加屬性。宋體同時(shí)瀏覽器對(duì)三種引入方式的選擇關(guān)系是行間行內(nèi)外部引入鍵值對(duì)就是屬性屬性值也就是的結(jié)構(gòu)
在前面,我們學(xué)習(xí)了html的結(jié)構(gòu)、基本骨架、起名方式和選擇器,接下來(lái),我們就要學(xué)習(xí)CSS了。
首先,我們要知道CSS是什么。
CSS 全稱叫層疊樣式表,作用是給html添加樣式style,添加屬性。
在網(wǎng)頁(yè)中(或者說(shuō)在html)中如何嵌套style?
我們先來(lái)學(xué)三種嵌套樣式:
1.行間樣式 將style當(dāng)屬性寫在標(biāo)簽內(nèi),權(quán)重為1000
如:
2.行內(nèi)樣式 將style當(dāng)標(biāo)簽寫在head之間
如:
?(前面不知道style寫在哪里的看看這兩張圖片,現(xiàn)在知道寫在哪了吧)
3.把style當(dāng)作css文件來(lái)用。俗稱:外部引入
首先要新建一個(gè)css文件,選擇內(nèi)容,再直接寫屬性和屬性值
如:在新建的css文件中直接寫
p{
color:blue;
}
最后,也是最關(guān)鍵的一步,不要忘了引入
引入代碼
其中的./01.css是路徑,根據(jù)自己的路徑更改
?
CSS的三種引入方式
行間樣式把style當(dāng)做屬性使用,鍵值對(duì)在屬性值中該怎么用就怎樣用,行內(nèi)把style當(dāng)做標(biāo)簽使用 鍵值對(duì)還是老樣子,外部引入,將樣式寫在css文件中,還是以鍵值對(duì)的形式書寫樣式。
同時(shí):瀏覽器對(duì)三種引入方式的選擇關(guān)系是:? 行間>行內(nèi)>外部引入
(鍵值對(duì)就是 屬性:屬性值;也就是CSS的結(jié)構(gòu))?
?
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/1819.html
摘要:注在學(xué)習(xí)時(shí)要養(yǎng)成一個(gè)良好的習(xí)慣,即每次寫完都隨手保存,快捷鍵為。是萬(wàn)維網(wǎng)的核心語(yǔ)言標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言。網(wǎng)頁(yè)的拓展名為網(wǎng)頁(yè)由三大部分構(gòu)成,分別為主題,網(wǎng)址和網(wǎng)站內(nèi)容。(注:在學(xué)習(xí)時(shí)要養(yǎng)成一個(gè)良好的習(xí)慣,即每次寫完都隨手保存,快捷鍵為ctrl+s。即每次寫完都隨手點(diǎn)一下ctrl+s。) html是萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言。 網(wǎng)頁(yè)的拓展名...
摘要:而第一個(gè)依然存在,所以就會(huì)疊加。宋體行級(jí)加只要加了,這個(gè)元素就會(huì)脫離標(biāo)準(zhǔn)文檔流行級(jí)元素加了,脫離了標(biāo)準(zhǔn)文檔流,會(huì)變得塊不像塊,行不像行,能設(shè)置快高,能并排排列,則也不用給行級(jí)標(biāo)簽加了,沒(méi)有意義。在前面,我們學(xué)習(xí)了標(biāo)準(zhǔn)文檔流,但在實(shí)際制作的過(guò)程中,用標(biāo)準(zhǔn)文檔流書寫顯然是不現(xiàn)實(shí)的,因此,我們來(lái)了解幾種脫離標(biāo)準(zhǔn)文檔流的方法: 1.float 浮動(dòng) float:left/right;(左浮/右?。?...
摘要:宋體雪碧圖宋體我們的宋體和宋體中有三個(gè)屬性可以向服務(wù)器發(fā)送請(qǐng)求,宋體。宋體類型,客戶端和服務(wù)器之間的暗號(hào),根據(jù)拓展名而定。注內(nèi)容包含圖片和文字 background-position ?雪碧圖 我們的html和css中有三個(gè)屬性可以向服務(wù)器發(fā)送請(qǐng)求,src href url。 overflow (1)?值hidden 超出就隱藏 (2)?值scroll ?出現(xiàn)滾動(dòng)條 vis...
摘要:宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問(wèn)題宋體四個(gè)值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負(fù)讓元素居中,前提是知道元素的寬高。宋體如宋體正常狀態(tài)宋體宋體設(shè)值時(shí)1.transparent 透明的 2.placeholder 提示語(yǔ) 寫頁(yè)面 搞清結(jié)構(gòu)層次, 保證模塊化,讓他們之間不能受到影響 (1)元素性質(zhì) (2)標(biāo)準(zhǔn)流 浮動(dòng)帶來(lái)的脫離文檔流撐不起父級(jí)的高度...
摘要:宋體二宋體瀏覽器瀏覽器和瀏覽器之間是由差距的,這個(gè)差距是由瀏覽器自身的內(nèi)核決定的。宋體每個(gè)瀏覽器都有自己的前綴,主要解決宋體中的兼容問(wèn)題。宋體是彈性子元素在彈性容器中所占的份數(shù)。一 單位 1.px 就是一個(gè)基本的單位 像素 2.em 也是一個(gè)單位 用父級(jí)元素的字體大小乘以em前面的數(shù)字。如果父級(jí)沒(méi)有就繼承上一個(gè)父級(jí)直到body,如果body沒(méi)有那就默認(rèn)是16px。 3.rem 也是一個(gè)單位,...
閱讀 2092·2021-11-15 17:57
閱讀 759·2021-11-11 16:54
閱讀 2607·2021-09-27 13:58
閱讀 4104·2021-09-06 15:00
閱讀 963·2021-09-04 16:45
閱讀 3519·2019-08-30 15:56
閱讀 1795·2019-08-30 15:53
閱讀 1639·2019-08-30 14:12