『壹』 製作自我介紹網頁模板
我這里收藏兩個。應該比較適合你,樓主自己修改下文字即可。
不滿意的話,你自己搜索下葡萄家園,他們網頁模板欄目還有上千個免費網頁模板提供下載。
『貳』 製作一個自我介紹網頁,有flash動畫應用有Fireworks文字蒙蓋圖像css樣式有表單怎麼做
flash沒有樣式的,表格類的只能手動畫出來,包括文本的字體大小之類的,也是手動調整。
而且頁面鏈接也都需要自己寫代碼實現。
不過可以通過新建模板,裡面有演示文稿模板,跳轉代碼都寫好了,自己換一下內容就可以了,還有簡單的排版樣式示例。
『叄』 求css樣式的自我介紹網頁代碼,謝謝
好!我發給你! <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style type="text/css"> body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #CCCCCC background-color:#666666; } p{ fontsize:15px; } #box{ width:760px; height:100%; margin:auto; border:0px; padding:0; background-color:#FFFFFF; } </tyle> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css練習</title> </head> <body> <div id="box"> <p>大家好我是 ~~~,(裡面由你自由寫啦!)</p> </div></body> </html>
『肆』 這個DIV的CSS樣式怎麼寫
要看你用什麼標簽,如果是行內元素標簽的話就直接會橫排的
例:(不用樣式就是橫排的)
<span>AAAAAAA</span>
<span>BBBBBBB</span>
<span>CCCCCCC</span>
<span>DDDDDDD</span>
如果是塊級元素,例:
<p>AAAAA</p>
<p>BBBBB</p>
<p>CCCCC</p>
<p>DDDDD</p>
直接給所有p{float:left}就可以變成橫的
『伍』 製作一個網頁成這個格式怎麼寫DIV+CSS
如果你懂div+css那就好說了,我給你一個思路你就會知道怎麼做,
第一個DIV 包含全部,是一個外圍框架,設置好寬度,並且在網頁中居中顯示。
在設置第二個DIV,設置好這個DIV的寬度和高度,浮動到左邊,這個DIV是被第一個DIV包含著的。
在設置第三個DIV,第三個DIV是浮動到右邊,也是被第一個DIV包含的,注意設置好寬度和高度。
在來設置第四個DIV和第五個DIV,這兩個DIV被第三個DIV包含,只要設置要寬度和高度,這兩個DIV就會在第三個DIV中,一個顯示在上面,一個顯示在下面。
這樣子就完了,很簡單的,你需要注意的是 ,不要忘記給第一個DIV設置清除浮動,設置寬度和高度的時候計算好,第第四個DIV和第五個DIV 中間的距離用外邊距設置一下就行。
很簡單的這個結構。
『陸』 CSS+DIV網頁樣式與布局從入門到精通的內容簡介
《CSS+DIV網頁樣式與布局從入門到精通》全面系統地講解了CSS基礎理論和實際運用技術,通過大量實例對CSS應用進行深入淺出的分析。全書主要內容包括CSS的基本語法和概念,設置文字、圖片、背景、表格、表單和菜單等網頁元素的方法,以及CSS濾鏡的使用和CSS如何控制XML文檔樣式。著重講解如何利用CSS+DIV進行網頁布局,注重實際操作,使讀者在學習CSS應用技術的同時掌握CSS+DIV的精髓。本書還詳細講解了其他書中較少涉及的技術細節,包括擴展CSS與JavaScript和XML等綜合應用等內容,以幫助讀者設計符合Web標準的網頁,提升技術水平和競爭能力。本書最後通過兩個常見類型的綜合實例,幫助讀者進一步鞏固所學知識,提高綜合應用的能力。
本書內容翔實、結構清晰、循序漸進,基礎知識與案例實戰緊密結合,既可作為CSS初學者的入門教材,也適合作為中高級用戶進一步學習和參考用書。本書顯著特色有:
1.同步視頻講解,讓學習更為直觀高效。27小時大型高清同步視頻講解,先看視頻再學習效率更高。
2.海量精彩實例,用實例學更輕鬆快捷。218個精彩實例,模仿練習是最快捷的學習方式。
3.精選實戰案例,為高薪就業牽線搭橋。51個實戰案例展示可為以後就業積累經驗。
4.完整學習套餐,為讀者提供貼心服務。實例源程序、答疑服務等,讓讀者學習更加方便。
5.講解通俗翔實,看得懂學得會才是硬道理。
『柒』 用html製作一個個人網頁要求有五個鏈接,每頁都有css格式
方法/步驟
1
CSS是由選擇器加聲明組成的。
比如:
h1{color:red;}
h1就是選擇器,意思是只要遇到h1,就使用該CSS的規則
color:red; :這個事聲明
color:這個是屬性
red:這個是值
2
OK,我們先來分析選擇器。
END
一.選擇器
1
選擇器的種類很多,各有各的作用。我們來一一講解。
標簽選擇器
class選擇器
id選擇器
全局選擇器
組合選擇器
偽類選擇器
2
標簽選擇器
顧名思義,HTML中有許多標簽,而標簽選擇器就是用來給標簽直接申明樣式的,簡單、實用、常用。
舉例:
p{color:red;}
只要是p標簽,其P標簽內部的顏色,都是紅色。
如圖代碼
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><style>p{ color:red;}</style></head><body><p>嘿嘿哦嘿嘿呀哦嘿嘿哦</p></body>
其中,<style>標簽是樣式標簽,請將CSS放在其中
(這部分內容後續會介紹,這里只是先提一下)
3
看網頁效果
4
class選擇器
也叫做類選擇器,直接說概念估計你也不明白,直接上例子吧。
舉例:
.alsp{color:red;}
這就是一個class選擇器,意思是有一種CSS的樣式,其名字是alsp,誰想用誰用。
看代碼:
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><style type="text/css">.alsp{color:red;}</style></head><body><p class="alsp">嘿嘿哦嘿嘿呀哦嘿嘿哦</p><ol class="alsp"><li>嘿啥嘿</li><li>我想嘿嘿</li><li>專制各種不服</li></ol><p>世界為亡,死不投降</p></body>
5
看網頁效果
通過.alsp定義一個class選擇器。
在後面的代碼中,哪個標簽想用,就用class="alsp"去調用,就可以使用這件「衣服」來修飾自己了
6
ID選擇器
ID和class很像,但是和class有一個區別。class像姓名,兩個人是可以同名的,但是id像身份證,只有一個人可以使用。
例如:
#alsp{color:red;}
OK,上代碼:
#alsp{color:red;}</style></head><body><p id="alsp">嘿嘿哦嘿嘿呀哦嘿嘿哦</p><ol><li>嘿啥嘿</li><li>我想嘿嘿</li><li>專制各種不服</li></ol><p>世界為亡,死不投降</p></body>
7
看網頁效果
只能有一個標簽使用該id,或者說該標簽專屬ID
8
全局選擇器
*{margin:0; padding:0;}
這個很簡單,前面用個*來表示,整個網頁都會使用。這句話也是網頁基本都要添加的,什麼意思呢?自己試試看吧。
9
組合選擇器
組合選擇,小編是非常喜歡使用的,原因無他,懶而已。他可以減少代碼量,並且方便、易讀。
不過組合選擇器的組合方式比較多,但也多很好理解。
1)群模式
比如:
h1{color:red; font-size:14px;}
p{color:red; font-size:14px;}
a{color:red; font-size:14px;}
這三個雖然標簽不同,但是樣式是一模一樣的,所以,可以這樣寫:
h1,p,a,{color:red; font-size:14px;}
2)繼承模式
比如:
.alsp li{color:red;}
<ul class=".alsp">
<li>fdf</li>
</ul>
li是在ul之中的,算是ul的後代。通過.alsp li確定li是屬於調用alsp類選擇器里的li標簽,其他的li標簽並不會使用該樣式。
3)群模式(多元素並列選擇器)
其實也是一種特殊的群模式
p.alsp{color:red;}
<p class="alsp">p.alsp</p>
<a class="alsp">a.alsp</p>
alsp仍然是一種class選擇器,但是他只有在p的標簽下被使用才生效。
所以,第一行生效,p.alsp字樣變紅,第二行不生效
10
偽類選擇器
「偽」字暴露了他的本質,偽類選擇器並不像其他選擇器直接做用在標簽上,但是他偏偏又是在標簽上進行使用,所以稱為「偽類選擇器」。
偽類的作用,是作用在狀態上。
一般情況正常運行,只有當達成條件的時候觸發,才會執行偽類選擇器所代表是css樣式。
偽類選擇器很多,但許多都是我們這輩子估計都用不到的。
OK,偽類選擇器後續我會專門寫一篇經驗介紹,有點小多,這里也就不多說了。
END
二.在HTML中調用CSS
調用CSS的常用方法有3中
內樣式
外樣式
行間樣式
內樣式
直接看代碼,如圖所示
在<head></head>中,加入<style></style>,並將相關的CSS樣式放在其中
外樣式
直接看代碼,如圖所示:
<link rel="stylesheet" type="text/css" href="index.css">
這里,href為css的路徑。
意思是,你專門創建一個index.css的文件,裡面放上CSS樣式,和內樣式的語法一模一樣,只是專門找了一個文件存放而已。
4
行間樣式
行間樣式直接寫在元素裡面
例如:<p style="color:#900">嘿嘿哦嘿嘿呀哦嘿嘿哦</p>
直接在標簽後面加上style
一般不要用,不過可以用來調試使用
『捌』 求簡單的個人網頁製作成品 要用HTML和CSS樣式來做的 排版要好看點
已經發送3份。。。。(希望對你有所幫助。。。同時記得採納我的回答哦。。
如有網頁方面的問題,歡迎去我們團或群--專業網站製作
140391953(網站、網頁製作QQ群)
--------------------------------不滿意,可以hi我。。完全可以按照你的要求為你量身定做。。。。
『玖』 求一個簡潔的CSS+DIV樣式模板
到 巴巴唔模板網 下載,那裡要什麼樣式就有什麼樣式。