css應(yīng)用(htmlcss基礎(chǔ)教程主要內(nèi)容有哪些)

1.html css基礎(chǔ)教程主要內(nèi)容有哪些

html css基礎(chǔ)教程歸納如下：

第1、Html介紹

本章節(jié)主要講解html和css樣式的關(guān)系，以及html標(biāo)簽、html文件結(jié)構(gòu)、head標(biāo)簽，最后講解了在html中的注釋代碼的作用。

第2、認(rèn)識(shí)標(biāo)簽（第一部分）

學(xué)完這一章節(jié)將對(duì)標(biāo)簽的使用有了一些初步的認(rèn)識(shí)，可以使用標(biāo)簽制作出一篇簡(jiǎn)單的文章網(wǎng)頁(yè)。下一章節(jié)將進(jìn)一步學(xué)習(xí)另外一部分html標(biāo)簽。

第3、認(rèn)識(shí)標(biāo)簽（第二部分）

本章節(jié)主要講解列表、div及table標(biāo)簽使用，學(xué)完本章，可以在網(wǎng)頁(yè)上展示一些信息列表及表格數(shù)據(jù)，使網(wǎng)頁(yè)上的信息更加豐富

第4、認(rèn)識(shí)標(biāo)簽（第三部分）

本章節(jié)主要講解超鏈接標(biāo)簽、鏈接地址及圖片標(biāo)簽，學(xué)習(xí)完這一章節(jié)可以把分散的單獨(dú)的網(wǎng)頁(yè)用鏈接標(biāo)簽有效的組織起來，達(dá)到網(wǎng)頁(yè)之間可以相互跳轉(zhuǎn)的作用。

第5、與瀏覽者交互，表單標(biāo)簽

每天都在網(wǎng)上沖浪，如果沒有表單，人們就無(wú)法輸入自己的個(gè)人信息來買東西，本章節(jié)主要從表單的作用、表單元素講起，學(xué)習(xí)完本章，可以制出簡(jiǎn)單的用戶登陸、注冊(cè)頁(yè)面。

第6、開始學(xué)習(xí)CSS，為網(wǎng)頁(yè)添加樣式

CSS是一個(gè)很神奇的東西，設(shè)計(jì)者可以通過修改樣式表的定義而使網(wǎng)頁(yè)呈現(xiàn)出完全不同的外觀。本章就開始帶領(lǐng)大家來學(xué)習(xí)CSS樣式：先來認(rèn)識(shí)CSS樣式、了解CSS樣式的優(yōu)勢(shì)、最后講解CSS代碼語(yǔ)法和CSS注釋代碼。

第7、CSS樣式基本知識(shí)

這一章節(jié)主要講解與CSS樣式相關(guān)的基礎(chǔ)知識(shí)：CSS樣式的位置及相關(guān)的優(yōu)先級(jí)，為后面的CSS樣式具體學(xué)習(xí)打下基礎(chǔ)。

第8、CSS選擇器

本章主要介紹CSS的選擇器，通過學(xué)習(xí)本章，能對(duì)元素進(jìn)行樣式的設(shè)置

第9、CSS的繼承、層疊和特殊性

CSS中有一些概念是需要深刻理解的，此節(jié)開始將介紹CSS中的一些非常重要的概念包括CSS的繼承、層疊和特殊性。

第10、CSS格式化排版

本章將詳細(xì)介紹網(wǎng)頁(yè)排版中主要格式化要素，幫助讀者把CSS技術(shù)與網(wǎng)頁(yè)編排緊密結(jié)合在一起，實(shí)現(xiàn)網(wǎng)頁(yè)實(shí)用性與欣賞性相結(jié)合，實(shí)現(xiàn)出設(shè)計(jì)效果。

第11、CSS盒模型

盒模型是CSS布局的基石，它規(guī)定了網(wǎng)頁(yè)元素如何顯示以及元素間相互關(guān)系。本章將圍繞盒模型的概念、結(jié)構(gòu)、尺寸等基礎(chǔ)知識(shí)展開研究，以便為后面的學(xué)習(xí)和日后網(wǎng)頁(yè)設(shè)計(jì)奠定扎實(shí)的基礎(chǔ)。

第12、CSS布局模型

現(xiàn)在可以用所需的知識(shí)進(jìn)行真正設(shè)計(jì)了，學(xué)習(xí)完本章節(jié)可以運(yùn)用所學(xué)習(xí)的知識(shí)實(shí)現(xiàn)網(wǎng)頁(yè)的多列布局，本章將圍繞流動(dòng)模型、浮動(dòng)模型、層布局模型等布局技術(shù)展開研究，以便為后面制作復(fù)雜的網(wǎng)頁(yè)打下基礎(chǔ)。

第13、CSS代碼縮寫，占用更少的帶寬

雖然CSS文件或者嵌入的CSS都純文本文件，為了減少css樣式代碼的編寫量，代碼縮寫是很有必要的。這樣可以使用戶訪問網(wǎng)頁(yè)的時(shí)候占用更少的帶寬。

第14、單位和值

本章節(jié)對(duì)單位如顏色的單位和值等時(shí)行詳細(xì)講解。

第15、css樣式設(shè)置小技巧

本章節(jié)對(duì)在日常前端開發(fā)中常用到css樣式設(shè)置小技巧進(jìn)行了講解。

2.CSS如何操作（基礎(chǔ)）

根據(jù)選擇器設(shè)置元素的css 樣式

"." class選擇器

如：

-----------------------------------------------------------

css代碼：

.op{

width:150px

}

html代碼：

<div class='op'></div>

-------------------------------------------------------

"#" id選擇器

#op{

width:150px

}

html代碼：

<div id='op'></div>

-----------------------------------------------------

標(biāo)簽選擇器

a{

width:150px

}

html代碼：

<a id='op'></a>

3.HTML與CSS入門經(jīng)典的內(nèi)容簡(jiǎn)介

全書分6個(gè)部分，包括24章和4個(gè)附錄。第一部分簡(jiǎn)要地介紹了HTML和XHTML，闡述了網(wǎng)頁(yè)的創(chuàng)建過程和發(fā)布步驟，討論了如何連接到其他網(wǎng)頁(yè)；第二部分介紹了文本的對(duì)齊和格式化，討論了文本鏈接、圖像鏈接和圖像映射，闡述了如何處理用于網(wǎng)頁(yè)中的圖像，還介紹了如何設(shè)置網(wǎng)頁(yè)的背景和顏色；第三部分討論了如何使用表格、CSS和框架設(shè)計(jì)網(wǎng)頁(yè)布局；第四部分探討了如何使用腳本、表單和多媒體設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)，還介紹了HTML和CSS技術(shù)的兩種實(shí)際應(yīng)用——?jiǎng)?chuàng)建令人印象深刻的eBay拍賣網(wǎng)頁(yè)和引人入勝的博客；第五部分闡述如何創(chuàng)建網(wǎng)站，包括網(wǎng)站的組織和管理以及如何讓網(wǎng)站在搜索結(jié)果中靠前；第六部分為附錄，列出了重要的HTML和CSS資源網(wǎng)站，提供了完整的XHTML1.1和CSS2快速參考，討論了如何將HTML文檔轉(zhuǎn)換為XHTML。

4.誰(shuí)知道CSS的基本語(yǔ)法

在建立樣式表之前，我們必須要具體一些 HTML 的基礎(chǔ)知識(shí)。我們知道， HTML 語(yǔ)言由標(biāo)志和屬性構(gòu)成， CSS 也是如此。

樣式表基本語(yǔ)法：

HTML 標(biāo)志 { 標(biāo)志屬性：屬性值；標(biāo)志屬性：屬性值；標(biāo)志屬性：屬性值；…… }

放置樣式表有內(nèi)聯(lián)和外聯(lián)等三種不同的方法?，F(xiàn)在首先討論在 HTML 頁(yè)面內(nèi)直接引用樣式表的方法。

這個(gè)方法必須把樣式表信息包括在 < style&gt； 和 < /style&gt； 標(biāo)記中，為了使樣式表在整個(gè)頁(yè)面中產(chǎn)生作用，應(yīng)把該組標(biāo)記及其內(nèi)容放到 < HEAD&gt； 和 < /HEAD&gt； 中去。

例如我們要設(shè)置一 HTML 頁(yè)面中所有 H1 標(biāo)題字顯示為藍(lán)色，其代碼如下：

< HTML>

< HEAD>

< TITLE>This is a CSS samples< /TITLE>

< STYLE TYPE="text/css">

< !--

H1 { color: blue }

-->

< /STYLE>

< /HEAD>

< BODY>

頁(yè)面內(nèi)容…

< /BODY>

< /HTML>

注意， < STYLE&gt； 標(biāo)記中包括了 TYPE = "text/css" ，這是讓瀏覽器知道你是使用 CSS1 樣式規(guī)則。加入 &lt； ！-- 和 --&gt； 這一對(duì)注釋標(biāo)記是防止有些老式的瀏覽器不認(rèn)識(shí)樣式表規(guī)則，可以把該段代碼忽略不計(jì)。

在使用樣式表過程中，經(jīng)常會(huì)有幾個(gè)標(biāo)志用到同一個(gè)屬性，比如我們規(guī)定 HTML 頁(yè)面中凡是粗體字、斜體字、1 號(hào)標(biāo)題字顯示為紅色，按照上面介紹的方法應(yīng)書寫為：

B { color: red}

I { color: red}

H1 { color: red}

顯然這樣書寫十分麻煩，引進(jìn)分組的概念會(huì)使其變得簡(jiǎn)潔明了，我們可以寫成：

B,I,H1 {color: red}

用逗號(hào)分隔各個(gè) HTML 標(biāo)志，把三行代碼合并成一行。

此外，同一個(gè) HTML 標(biāo)志，可能定義到多種屬性，例如，我們規(guī)定把從 H1 到 H6 各級(jí)標(biāo)題定義為紅色黑體字，帶下劃線，則應(yīng)寫為：

H1,H2,H3,H4,H5,H6 {

color: red;

text-decoration: underline;

font-family： " 黑體 "

}

注意各個(gè)標(biāo)志屬性之間用分號(hào)隔開。

文章來自： 新元網(wǎng)（CNITB.COM） 詳文參考：

5.學(xué)習(xí)HTML,CSS,JS應(yīng)該看那些書,要有什么基礎(chǔ)知識(shí)

1、css 和 js 都是在有html基礎(chǔ)才去學(xué)的東西

2、看你學(xué)習(xí)這些的目的是什么，這三個(gè)東西都是入門容易的，但是js想精通不容易

3、HTML5 （比HTML4多一些標(biāo)記，多一些規(guī)范，取消一些冗余屬性和標(biāo)記）標(biāo)記語(yǔ)言，就是些標(biāo)簽，我想很好上手，CSS現(xiàn)在都是學(xué)3.0，也就是比之前的CSS2.0多很多特性，包括動(dòng)畫效果（css2.0時(shí)候動(dòng)畫只能依靠js的）

4、js(JavaScript)，怎么說呢，我也沒有深入學(xué)習(xí)，也就是說，實(shí)際工作中直接寫JavaScript很浪費(fèi)時(shí)間，大多都使用Jquery,Jquery是在JavaScript基礎(chǔ)上開發(fā)的庫(kù)，就一個(gè)文件而已，庫(kù)的概念怎么理解，就是別人說的造輪子的概念，汽車是個(gè)產(chǎn)品，輪子就好比庫(kù)，汽車公司并不是從煉制金屬和橡膠開始造汽車，而是直接用已有的輪子面板玻璃等去制造汽車，JavaScript的學(xué)習(xí)思路是，簡(jiǎn)單了解JavaScript的基礎(chǔ)方法，比如操作dom的方法之類，然后考慮上手第三方庫(kù)，Jquery是個(gè)好選擇，但是如果要想深入理解JS或者JQ(Jquery)，那就只能仔細(xì)研究js了

5、沒有什么好的書籍推薦，因?yàn)槿腴T不靠書籍，靠自己動(dòng)手打代碼。

不懂的問題多問問百度，谷歌（有條件的話），推薦你一個(gè)好的網(wǎng)站 w3school

地址：.cn/ 當(dāng)年我就是從這開始的