css應用(htmlcss基礎教程主要內容有哪些)
1.html css基礎教程主要內容有哪些
html css基礎教程歸納如下：
第1、Html介紹
本章節(jié)主要講解html和css樣式的關系，以及html標簽、html文件結構、head標簽，最后講解了在html中的注釋代碼的作用。
第2、認識標簽（第一部分）
學完這一章節(jié)將對標簽的使用有了一些初步的認識，可以使用標簽制作出一篇簡單的文章網(wǎng)頁。下一章節(jié)將進一步學習另外一部分html標簽。
第3、認識標簽（第二部分）
本章節(jié)主要講解列表、div及table標簽使用，學完本章，可以在網(wǎng)頁上展示一些信息列表及表格數(shù)據(jù)，使網(wǎng)頁上的信息更加豐富
第4、認識標簽（第三部分）
本章節(jié)主要講解超鏈接標簽、鏈接地址及圖片標簽，學習完這一章節(jié)可以把分散的單獨的網(wǎng)頁用鏈接標簽有效的組織起來，達到網(wǎng)頁之間可以相互跳轉的作用。
第5、與瀏覽者交互，表單標簽
每天都在網(wǎng)上沖浪，如果沒有表單，人們就無法輸入自己的個人信息來買東西，本章節(jié)主要從表單的作用、表單元素講起，學習完本章，可以制出簡單的用戶登陸、注冊頁面。
第6、開始學習CSS，為網(wǎng)頁添加樣式
CSS是一個很神奇的東西，設計者可以通過修改樣式表的定義而使網(wǎng)頁呈現(xiàn)出完全不同的外觀。本章就開始帶領大家來學習CSS樣式：先來認識CSS樣式、了解CSS樣式的優(yōu)勢、最后講解CSS代碼語法和CSS注釋代碼。
第7、CSS樣式基本知識
這一章節(jié)主要講解與CSS樣式相關的基礎知識：CSS樣式的位置及相關的優(yōu)先級，為后面的CSS樣式具體學習打下基礎。
第8、CSS選擇器
本章主要介紹CSS的選擇器，通過學習本章，能對元素進行樣式的設置
第9、CSS的繼承、層疊和特殊性
CSS中有一些概念是需要深刻理解的，此節(jié)開始將介紹CSS中的一些非常重要的概念包括CSS的繼承、層疊和特殊性。
第10、CSS格式化排版
本章將詳細介紹網(wǎng)頁排版中主要格式化要素，幫助讀者把CSS技術與網(wǎng)頁編排緊密結合在一起，實現(xiàn)網(wǎng)頁實用性與欣賞性相結合，實現(xiàn)出設計效果。
第11、CSS盒模型
盒模型是CSS布局的基石，它規(guī)定了網(wǎng)頁元素如何顯示以及元素間相互關系。本章將圍繞盒模型的概念、結構、尺寸等基礎知識展開研究，以便為后面的學習和日后網(wǎng)頁設計奠定扎實的基礎。
第12、CSS布局模型
現(xiàn)在可以用所需的知識進行真正設計了，學習完本章節(jié)可以運用所學習的知識實現(xiàn)網(wǎng)頁的多列布局，本章將圍繞流動模型、浮動模型、層布局模型等布局技術展開研究，以便為后面制作復雜的網(wǎng)頁打下基礎。
第13、CSS代碼縮寫，占用更少的帶寬
雖然CSS文件或者嵌入的CSS都純文本文件，為了減少css樣式代碼的編寫量，代碼縮寫是很有必要的。這樣可以使用戶訪問網(wǎng)頁的時候占用更少的帶寬。
第14、單位和值
本章節(jié)對單位如顏色的單位和值等時行詳細講解。
第15、css樣式設置小技巧
本章節(jié)對在日常前端開發(fā)中常用到css樣式設置小技巧進行了講解。
2.CSS如何操作（基礎）
根據(jù)選擇器設置元素的css 樣式
"." class選擇器
如：
-----------------------------------------------------------
css代碼：
.op{
width:150px
}
html代碼：
<div class='op'></div>
-------------------------------------------------------
"#" id選擇器
#op{
width:150px
}
html代碼：
<div id='op'></div>
-----------------------------------------------------
標簽選擇器
a{
width:150px
}
html代碼：
<a id='op'></a>
3.HTML與CSS入門經(jīng)典的內容簡介
全書分6個部分，包括24章和4個附錄。第一部分簡要地介紹了HTML和XHTML，闡述了網(wǎng)頁的創(chuàng)建過程和發(fā)布步驟，討論了如何連接到其他網(wǎng)頁；第二部分介紹了文本的對齊和格式化，討論了文本鏈接、圖像鏈接和圖像映射，闡述了如何處理用于網(wǎng)頁中的圖像，還介紹了如何設置網(wǎng)頁的背景和顏色；第三部分討論了如何使用表格、CSS和框架設計網(wǎng)頁布局；第四部分探討了如何使用腳本、表單和多媒體設計動態(tài)網(wǎng)頁，還介紹了HTML和CSS技術的兩種實際應用——創(chuàng)建令人印象深刻的eBay拍賣網(wǎng)頁和引人入勝的博客；第五部分闡述如何創(chuàng)建網(wǎng)站，包括網(wǎng)站的組織和管理以及如何讓網(wǎng)站在搜索結果中靠前；第六部分為附錄，列出了重要的HTML和CSS資源網(wǎng)站，提供了完整的XHTML1.1和CSS2快速參考，討論了如何將HTML文檔轉換為XHTML。
4.誰知道CSS的基本語法
在建立樣式表之前，我們必須要具體一些 HTML 的基礎知識。我們知道， HTML 語言由標志和屬性構成， CSS 也是如此。
樣式表基本語法：
HTML 標志 { 標志屬性：屬性值；標志屬性：屬性值；標志屬性：屬性值；…… }
放置樣式表有內聯(lián)和外聯(lián)等三種不同的方法?，F(xiàn)在首先討論在 HTML 頁面內直接引用樣式表的方法。
這個方法必須把樣式表信息包括在 < style>； 和 < /style>； 標記中，為了使樣式表在整個頁面中產生作用，應把該組標記及其內容放到 < HEAD>； 和 < /HEAD>； 中去。
例如我們要設置一 HTML 頁面中所有 H1 標題字顯示為藍色，其代碼如下：
< HTML>
< HEAD>
< TITLE>This is a CSS samples< /TITLE>
< STYLE TYPE="text/css">
< !--
H1 { color: blue }
-->
< /STYLE>
< /HEAD>
< BODY>
頁面內容…
< /BODY>
< /HTML>
注意， < STYLE>； 標記中包括了 TYPE = "text/css" ，這是讓瀏覽器知道你是使用 CSS1 樣式規(guī)則。加入 <； ！-- 和 -->； 這一對注釋標記是防止有些老式的瀏覽器不認識樣式表規(guī)則，可以把該段代碼忽略不計。
在使用樣式表過程中，經(jīng)常會有幾個標志用到同一個屬性，比如我們規(guī)定 HTML 頁面中凡是粗體字、斜體字、1 號標題字顯示為紅色，按照上面介紹的方法應書寫為：
B { color: red}
I { color: red}
H1 { color: red}
顯然這樣書寫十分麻煩，引進分組的概念會使其變得簡潔明了，我們可以寫成：
B,I,H1 {color: red}
用逗號分隔各個 HTML 標志，把三行代碼合并成一行。
此外，同一個 HTML 標志，可能定義到多種屬性，例如，我們規(guī)定把從 H1 到 H6 各級標題定義為紅色黑體字，帶下劃線，則應寫為：
H1,H2,H3,H4,H5,H6 {
color: red;
text-decoration: underline;
font-family： " 黑體 "
}
注意各個標志屬性之間用分號隔開。
文章來自： 新元網(wǎng)（CNITB.COM） 詳文參考：
5.學習HTML,CSS,JS應該看那些書,要有什么基礎知識
1、css 和 js 都是在有html基礎才去學的東西
2、看你學習這些的目的是什么，這三個東西都是入門容易的，但是js想精通不容易
3、HTML5 （比HTML4多一些標記，多一些規(guī)范，取消一些冗余屬性和標記）標記語言，就是些標簽，我想很好上手，CSS現(xiàn)在都是學3.0，也就是比之前的CSS2.0多很多特性，包括動畫效果（css2.0時候動畫只能依靠js的）
4、js(JavaScript)，怎么說呢，我也沒有深入學習，也就是說，實際工作中直接寫JavaScript很浪費時間，大多都使用Jquery,Jquery是在JavaScript基礎上開發(fā)的庫，就一個文件而已，庫的概念怎么理解，就是別人說的造輪子的概念，汽車是個產品，輪子就好比庫，汽車公司并不是從煉制金屬和橡膠開始造汽車，而是直接用已有的輪子面板玻璃等去制造汽車，JavaScript的學習思路是，簡單了解JavaScript的基礎方法，比如操作dom的方法之類，然后考慮上手第三方庫，Jquery是個好選擇，但是如果要想深入理解JS或者JQ(Jquery)，那就只能仔細研究js了
5、沒有什么好的書籍推薦，因為入門不靠書籍，靠自己動手打代碼。
不懂的問題多問問百度，谷歌（有條件的話），推薦你一個好的網(wǎng)站 w3school
地址：.cn/ 當年我就是從這開始的
