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)識標(biāo)簽（第一部分）

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

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

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

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

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

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

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

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

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

第7、CSS樣式基本知識

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

第8、CSS選擇器

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

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

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

第10、CSS格式化排版

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

第11、CSS盒模型

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

第12、CSS布局模型

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

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

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

第14、單位和值

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

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

本章節(jié)對在日常前端開發(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)容簡介

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

4.誰知道CSS的基本語法

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

樣式表基本語法：

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

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

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

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

< HTML>

< HEAD>

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

< STYLE TYPE="text/css">

< !--

H1 { color: blue }

-->

< /STYLE>

< /HEAD>

< BODY>

頁面內(nèi)容…

< /BODY>

< /HTML>

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

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

B { color: red}

I { color: red}

H1 { color: red}

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

B,I,H1 {color: red}

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

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

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

color: red;

text-decoration: underline;

font-family： " 黑體 "

}

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

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

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

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

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

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

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

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

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

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