CSS的初了解（更新中···）

李昌杰發(fā)布于2019-04-23 13:24 / 3467人閱讀

摘要：在前面，我們學(xué)習(xí)了的結(jié)構(gòu)基本骨架起名方式和選擇器，接下來，我們就要學(xué)習(xí)了。首先，我們要知道是什么。全稱叫層疊樣式表，作用是給添加樣式，添加屬性。宋體同時瀏覽器對三種引入方式的選擇關(guān)系是行間行內(nèi)外部引入鍵值對就是屬性屬性值也就是的結(jié)構(gòu)

在前面，我們學(xué)習(xí)了html的結(jié)構(gòu)、基本骨架、起名方式和選擇器，接下來，我們就要學(xué)習(xí)CSS了。

首先，我們要知道CSS是什么。

CSS 全稱叫層疊樣式表，作用是給html添加樣式style，添加屬性。

在網(wǎng)頁中（或者說在html）中如何嵌套style？

我們先來學(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文件來用。俗稱：外部引入

首先要新建一個css文件，選擇內(nèi)容，再直接寫屬性和屬性值

如：在新建的css文件中直接寫

　　color:blue;

}

最后，也是最關(guān)鍵的一步，不要忘了引入

引入代碼

其中的./01.css是路徑，根據(jù)自己的路徑更改

CSS的三種引入方式

行間樣式把style當(dāng)做屬性使用，鍵值對在屬性值中該怎么用就怎樣用，行內(nèi)把style當(dāng)做標(biāo)簽使用鍵值對還是老樣子，外部引入，將樣式寫在css文件中，還是以鍵值對的形式書寫樣式。

同時：瀏覽器對三種引入方式的選擇關(guān)系是：? 行間>行內(nèi)>外部引入

（鍵值對就是屬性：屬性值；也就是CSS的結(jié)構(gòu)）?

云服務(wù)器 GPU云服務(wù)器 cdn183 183是移動還是聯(lián)通更新中 css中

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/1819.html

相關(guān)文章

html的初了解（更新中&#183;&#183;&#183;）

摘要：注在學(xué)習(xí)時要養(yǎng)成一個良好的習(xí)慣，即每次寫完都隨手保存，快捷鍵為。是萬維網(wǎng)的核心語言標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言。網(wǎng)頁的拓展名為網(wǎng)頁由三大部分構(gòu)成，分別為主題，網(wǎng)址和網(wǎng)站內(nèi)容。（注：在學(xué)習(xí)時要養(yǎng)成一個良好的習(xí)慣，即每次寫完都隨手保存，快捷鍵為ctrl+s。即每次寫完都隨手點一下ctrl+s。） html是萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言。網(wǎng)頁的拓展名...

番茄西紅柿 2019-04-23 13:24 評論0 收藏0
CSS的再深入3（更新中&#183;&#183;&#183;）

摘要：而第一個依然存在，所以就會疊加。宋體行級加只要加了，這個元素就會脫離標(biāo)準(zhǔn)文檔流行級元素加了，脫離了標(biāo)準(zhǔn)文檔流，會變得塊不像塊，行不像行，能設(shè)置快高，能并排排列，則也不用給行級標(biāo)簽加了，沒有意義。在前面，我們學(xué)習(xí)了標(biāo)準(zhǔn)文檔流，但在實際制作的過程中，用標(biāo)準(zhǔn)文檔流書寫顯然是不現(xiàn)實的，因此，我們來了解幾種脫離標(biāo)準(zhǔn)文檔流的方法： 1.float 浮動 float：left/right；（左浮/右?。?...

RayKr 2019-04-23 13:19 評論0 收藏0
css的再深入6（更新中&#183;&#183;&#183;）

摘要：宋體雪碧圖宋體我們的宋體和宋體中有三個屬性可以向服務(wù)器發(fā)送請求，宋體。宋體類型，客戶端和服務(wù)器之間的暗號，根據(jù)拓展名而定。注內(nèi)容包含圖片和文字 background-position ?雪碧圖我們的html和css中有三個屬性可以向服務(wù)器發(fā)送請求，src href url。 overflow 　　(1)?值hidden 超出就隱藏　　(2)?值scroll ?出現(xiàn)滾動條　　vis...

Bowman_han 2019-04-23 13:19 評論0 收藏0
css的再深入7（更新中&#183;&#183;&#183;）

摘要：宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問題宋體四個值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負(fù)讓元素居中，前提是知道元素的寬高。宋體如宋體正常狀態(tài)宋體宋體設(shè)值時1.transparent 透明的 2.placeholder 提示語寫頁面搞清結(jié)構(gòu)層次，保證模塊化，讓他們之間不能受到影響 (1)元素性質(zhì) (2)標(biāo)準(zhǔn)流浮動帶來的脫離文檔流撐不起父級的高度...

番茄西紅柿 2019-04-23 13:18 評論0 收藏0
css的再深入9（更新中&#183;&#183;&#183;）

摘要：宋體二宋體瀏覽器瀏覽器和瀏覽器之間是由差距的，這個差距是由瀏覽器自身的內(nèi)核決定的。宋體每個瀏覽器都有自己的前綴，主要解決宋體中的兼容問題。宋體是彈性子元素在彈性容器中所占的份數(shù)。一單位 1.px 就是一個基本的單位像素 2.em 也是一個單位用父級元素的字體大小乘以em前面的數(shù)字。如果父級沒有就繼承上一個父級直到body，如果body沒有那就默認(rèn)是16px。 3.rem 也是一個單位，...

yexiaobai 2019-04-23 13:18 評論0 收藏0