很多人都想要學(xué)習(xí)web前端工程師，web前端既然是寫代碼的，起碼要學(xué)習(xí)一塊編輯器，Dreamweaver的基本操作要學(xué)會(huì)，那么緊接著HTML和css就必須學(xué)了，想要讓網(wǎng)頁(yè)交互性和趣味性更加強(qiáng)一些，作為web前端工程師Javas cript這個(gè)就必須會(huì)。

想要成為強(qiáng)者，你要不斷的逼著自己學(xué)習(xí)，HTML5+css3的到來(lái)，web前端進(jìn)行了一次洗牌，如果你不學(xué)習(xí)這個(gè)技術(shù)，你就會(huì)在這波激流中被淹沒，今天小編給大家推薦一套css視頻教程，希望可以幫助到大家學(xué)習(xí)：

本套CSS基礎(chǔ)視頻教程詳細(xì)講解了什么是css 。層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。CSS能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。

視頻學(xué)習(xí)目錄

1.CSS教程-CSS概述

2.CSS教程-HTML引入CSS樣式的三種方式概述1

3.CSS教程-HTML引入CSS樣式的三種方式概述2

4.CSS教程-HTML引入CSS樣式的第一種方式內(nèi)聯(lián)方式

5.CSS教程-HTML引入CSS樣式的第二種方式樣式塊

6.CSS教程-id選擇器標(biāo)簽選擇器和類選擇器

7.CSS教程-HTML引入CSS樣式的第三種方式引入外部獨(dú)立css文件

8.CSS教程-列表樣式

9.CSS教程-絕對(duì)定位

CSS的編程特點(diǎn)：

豐富的樣式定義

CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁(yè)面效果。

易于使用和修改

CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專門的CSS文件中，以供HTML頁(yè)面引用。總之，CSS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。

另外，可以將相同樣式的元素進(jìn)行歸類，使用同一個(gè)樣式進(jìn)行定義，也可以將某個(gè)樣式應(yīng)用到所有同名的HTML標(biāo)簽中，也可以將一個(gè)CSS樣式指定到某個(gè)頁(yè)面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。

多頁(yè)面應(yīng)用

CSS樣式表可以單獨(dú)存放在一個(gè)CSS文件中，這樣我們就可以在多個(gè)頁(yè)面中使用同一個(gè)CSS樣式表。CSS樣式表理論上不屬于任何頁(yè)面文件，在任何頁(yè)面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁(yè)面風(fēng)格的統(tǒng)一。

層疊

簡(jiǎn)單的說(shuō)，層疊就是對(duì)一個(gè)元素多次設(shè)置同一個(gè)樣式，這將使用最后一次設(shè)置的屬性值。例如對(duì)一個(gè)站點(diǎn)中的多個(gè)頁(yè)面使用了同一套CSS樣式表，而某些頁(yè)面中的某些元素想使用其他樣式，就可以針對(duì)這些樣式單獨(dú)定義一個(gè)樣式表應(yīng)用到頁(yè)面中。這些后來(lái)定義的樣式將對(duì)前面的樣式設(shè)置進(jìn)行重寫，在瀏覽器中看到的將是最后面設(shè)置的樣式效果。

頁(yè)面壓縮

在使用HTML定義頁(yè)面效果的網(wǎng)站中，往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會(huì)產(chǎn)生大量的HTML標(biāo)簽，從而使頁(yè)面文件的大小增加。而將樣式的聲明單獨(dú)放到CSS樣式表中，可以大大的減小頁(yè)面的體積，這樣在加載頁(yè)面時(shí)使用的時(shí)間也會(huì)大大的減少。另外，CSS樣式表的復(fù)用更大程度的縮減了頁(yè)面的體積，減少下載的時(shí)間。

以上就是對(duì)“css免費(fèi)視頻教程，從實(shí)戰(zhàn)入門著手”的介紹，希望對(duì)大家有所幫助，還想學(xué)習(xí)更多關(guān)于Java的課程，可以關(guān)注動(dòng)力節(jié)點(diǎn)官網(wǎng)Java視頻教程，免費(fèi)下載學(xué)習(xí)。