html(超文字標記語言)是網頁的核心、首先你要學會，不要害怕，html很容易學習的，剛開始多記多練，但是到最後還是要自己深入專研，簡單的入門是很快，但學好html是成為web開發人員的基本條件。
學習資源：
html dog (
html入門指南 (
w3c html學習教程 (
通過使用 css 來提公升工作效率！在我們的 css 教程中，學到如何使用 css 同時控制多重網頁的樣式和布局，如何把乙個網頁打扮成漂亮的風格就需要用到樣式，這個是前端開發必須掌握的乙個東西。
學習資源：
w3c css3 學習 ( )
3、直接上**12
3456
78910
1112
1314
1516
1718
1920
2122
2324
2526
2728
2930
3132
3334
3536
3738
3940
4142
4344
4546
4748
4950
5152
5354
5556
5758
5960
6162
6364
6566
6768
6970
7172
7374
7576
7778
7980
8182
8384
8586
8788
8990
9192
9394
<htmllang="en">
<head>
<metacharset="utf-8">
<metaname="generator"content="editplus®">
<metaname="author"content="吉公尺">
<metaname="keywords"content="">
<metaname="description"content="">
<title>css3按鈕光圈懸浮效果
<styletype="text/css">
*
body
ul
li
.button
.button:hover
.button:hover .pus
.pus
<body>
<ul>
<li><ahref="#"class="button">預約<spanclass="pus">
<li><ahref="#"class="button">購買<spanclass="pus">
<li><ahref="#"class="button">支付<spanclass="pus">
4 、顯示效果
總結：
css3實現滑鼠懸浮 顯示 隱藏
以前我們總是通過js去實現一些簡單的隱藏和顯示 自從前後端開始分離後更多人把這些能用css實現的東西 放在了前端 如賬號密碼的判斷等 現在我們有這樣的 doctype html en utf 8 viewport content width device width,initial scale 1....
CSS3 按鈕閃光劃過效果
製作這個效果之前，我們得了解transform,transition,linear gradient這些屬性的用法。定義與用法 transform屬性應用於元素的2d或3d轉換。這個屬性允許你將元素旋轉，縮放，移動，傾斜等。在這個效果裡面主要用到了旋轉rotate。transition 屬性設定元素...
CSS3實現滑鼠hover的過渡效果
我想讓滑鼠放在div上就讓它旋轉變大，離開div後它又恢復本來的樣子。於是我就想寫乙個js，監聽乙個hover事件，當hover發生的時候，觸發乙個計時器，在計時器裡寫兩個值，乙個管角度，乙個管寬度，隨著時間的變化逐漸增加，不斷地重寫div的style。當達到我期望的limit的值後讓它停止 或者乾...