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)簽有效的組織起來(lái)，達(dá)到網(wǎng)頁(yè)之間可以相互跳轉(zhuǎn)的作用。
第5、與瀏覽者交互，表單標(biāo)簽
每天都在網(wǎng)上沖浪，如果沒(méi)有表單，人們就無(wú)法輸入自己的個(gè)人信息來(lái)買(mǎi)東西，本章節(jié)主要從表單的作用、表單元素講起，學(xué)習(xí)完本章，可以制出簡(jiǎn)單的用戶登陸、注冊(cè)頁(yè)面。
第6、開(kāi)始學(xué)習(xí)CSS，為網(wǎng)頁(yè)添加樣式
CSS是一個(gè)很神奇的東西，設(shè)計(jì)者可以通過(guò)修改樣式表的定義而使網(wǎng)頁(yè)呈現(xiàn)出完全不同的外觀。本章就開(kāi)始帶領(lǐng)大家來(lái)學(xué)習(xí)CSS樣式：先來(lái)認(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的選擇器，通過(guò)學(xué)習(xí)本章，能對(duì)元素進(jìn)行樣式的設(shè)置
第9、CSS的繼承、層疊和特殊性
CSS中有一些概念是需要深刻理解的，此節(jié)開(kāi)始將介紹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í)展開(kāi)研究，以便為后面的學(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ù)展開(kāi)研究，以便為后面制作復(fù)雜的網(wǎng)頁(yè)打下基礎(chǔ)。
第13、CSS代碼縮寫(xiě)，占用更少的帶寬
雖然CSS文件或者嵌入的CSS都純文本文件，為了減少css樣式代碼的編寫(xiě)量，代碼縮寫(xiě)是很有必要的。這樣可以使用戶訪問(wèn)網(wǎng)頁(yè)的時(shí)候占用更少的帶寬。
第14、單位和值
本章節(jié)對(duì)單位如顏色的單位和值等時(shí)行詳細(xì)講解。
第15、css樣式設(shè)置小技巧
本章節(jié)對(duì)在日常前端開(kāi)發(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入門(mén)經(jīng)典的內(nèi)容簡(jiǎn)介
全書(shū)分6個(gè)部分，包括24章和4個(gè)附錄。第一部分簡(jiǎn)要地介紹了HTML和XHTML，闡述了網(wǎng)頁(yè)的創(chuàng)建過(guò)程和發(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拍賣(mài)網(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>； 和 < /style>； 標(biāo)記中，為了使樣式表在整個(gè)頁(yè)面中產(chǎn)生作用，應(yīng)把該組標(biāo)記及其內(nèi)容放到 < HEAD>； 和 < /HEAD>； 中去。
例如我們要設(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>； 標(biāo)記中包括了 TYPE = "text/css" ，這是讓瀏覽器知道你是使用 CSS1 樣式規(guī)則。加入 <； ！-- 和 -->； 這一對(duì)注釋標(biāo)記是防止有些老式的瀏覽器不認(rèn)識(shí)樣式表規(guī)則，可以把該段代碼忽略不計(jì)。
在使用樣式表過(guò)程中，經(jīng)常會(huì)有幾個(gè)標(biāo)志用到同一個(gè)屬性，比如我們規(guī)定 HTML 頁(yè)面中凡是粗體字、斜體字、1 號(hào)標(biāo)題字顯示為紅色，按照上面介紹的方法應(yīng)書(shū)寫(xiě)為：
B { color: red}
I { color: red}
H1 { color: red}
顯然這樣書(shū)寫(xiě)十分麻煩，引進(jìn)分組的概念會(huì)使其變得簡(jiǎn)潔明了，我們可以寫(xiě)成：
B,I,H1 {color: red}
用逗號(hào)分隔各個(gè) HTML 標(biāo)志，把三行代碼合并成一行。
此外，同一個(gè) HTML 標(biāo)志，可能定義到多種屬性，例如，我們規(guī)定把從 H1 到 H6 各級(jí)標(biāo)題定義為紅色黑體字，帶下劃線，則應(yīng)寫(xiě)為：
H1,H2,H3,H4,H5,H6 {
color: red;
text-decoration: underline;
font-family： " 黑體 "
}
注意各個(gè)標(biāo)志屬性之間用分號(hào)隔開(kāi)。
文章來(lái)自： 新元網(wǎng)（CNITB.COM） 詳文參考：
5.學(xué)習(xí)HTML,CSS,JS應(yīng)該看那些書(shū),要有什么基礎(chǔ)知識(shí)
1、css 和 js 都是在有html基礎(chǔ)才去學(xué)的東西
2、看你學(xué)習(xí)這些的目的是什么，這三個(gè)東西都是入門(mén)容易的，但是js想精通不容易
3、HTML5 （比HTML4多一些標(biāo)記，多一些規(guī)范，取消一些冗余屬性和標(biāo)記）標(biāo)記語(yǔ)言，就是些標(biāo)簽，我想很好上手，CSS現(xiàn)在都是學(xué)3.0，也就是比之前的CSS2.0多很多特性，包括動(dòng)畫(huà)效果（css2.0時(shí)候動(dòng)畫(huà)只能依靠js的）
4、js(JavaScript)，怎么說(shuō)呢，我也沒(méi)有深入學(xué)習(xí)，也就是說(shuō)，實(shí)際工作中直接寫(xiě)JavaScript很浪費(fèi)時(shí)間，大多都使用Jquery,Jquery是在JavaScript基礎(chǔ)上開(kāi)發(fā)的庫(kù)，就一個(gè)文件而已，庫(kù)的概念怎么理解，就是別人說(shuō)的造輪子的概念，汽車(chē)是個(gè)產(chǎn)品，輪子就好比庫(kù)，汽車(chē)公司并不是從煉制金屬和橡膠開(kāi)始造汽車(chē)，而是直接用已有的輪子面板玻璃等去制造汽車(chē)，JavaScript的學(xué)習(xí)思路是，簡(jiǎn)單了解JavaScript的基礎(chǔ)方法，比如操作dom的方法之類(lèi)，然后考慮上手第三方庫(kù)，Jquery是個(gè)好選擇，但是如果要想深入理解JS或者JQ(Jquery)，那就只能仔細(xì)研究js了
5、沒(méi)有什么好的書(shū)籍推薦，因?yàn)槿腴T(mén)不靠書(shū)籍，靠自己動(dòng)手打代碼。
不懂的問(wèn)題多問(wèn)問(wèn)百度，谷歌（有條件的話），推薦你一個(gè)好的網(wǎng)站 w3school
地址：.cn/ 當(dāng)年我就是從這開(kāi)始的
