Project102/reference.html at master · Kkorawit/Project102 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./CSS/Reference.css">
    <link rel="stylesheet" href="./CSS/nav bar.css">
    <title>REFERENCE</title>
</head>
<body>
    <nav class="stroke">
        <ul>
            <li style="float: left"><img src="photo/—Pngtree—wolf_96882.png"></li>
            <li><a class="active" href="home.html">Home</a></li>
            <li><a class="active" href="aboutme.html">About Me</a></li>
            <li><a class="active" href="education.html">Education</a></li>
            <li><a class="active" href="skill.html">Skill</a></li>
            <li><a class="active" href="futurecareer.html">Future Career</a></li>
            <li><a class="active" href="reference.html">reference</a></li>
        </ul>
        <p>REFERENCE</p>
    </nav>
    <div class="ref">
        <div class="block">
            &nbsp;
            <a href="https://www.w3schools.com/css/css3_transitions.asp" target="blacnk">->> Click Here <<-</a>
            <h2>Transition</h2><h3>= การค่อย ๆ เปลี่ยน Value เก่าไปสู่ Value ใหม่ ยกตัวอย่างเช่นการใช้คู่กับ hover นั้นจะทำให้ไม่เป็นการเปลี่ยนไปทันทีขณะชี้แต่เปลี่ยนเป็นค่อยๆเปลี่ยนแทน</h3>
            <a href="https://www.w3schools.com/css/css3_3dtransforms.asp" target="blacnk">->> Click Here <<-</a>
            <h2>Transforms</h2><h3>= การที่จะใส่เอฟเฟ็กต่าง ๆ ให้แก่ element เช่น การหมุน(rotate),การย่อหยาย(scale) เป็นต้น</h3>
            <a href="https://www.w3schools.com/cssref/sel_after.asp" target="blank">->> Click Here <<-</a>
            <h2>:after</h2><h3>= after จะเป็นคำสั่งไว้สำหรับกำหนดข้อมูลที่อยู่ต่อจาก before เมื่อมีการเรียกใช้งาน element ผ่าน id หรือ class นั้น ๆ ข้อมูลใน content จะถูกนำไปแสดงต่อจาก content ของ before</h3>
            <a href="https://www.w3schools.com/cssref/sel_before.asp" target="blank">->> Click Here <<-</a>
            <h2>:before</h2><h3>= เป็นคำสั่งไว้สำหรับกำหนดข้อมูลที่อยู่ด้านหน้า เมื่อมีการเรียกใช้งาน element ผ่าน id หรือ class นั้น ๆ ข้อมูลใน content จะถูกนำไปแสดงในตำแหน่งหน้าสุด</h3>
            &nbsp;
        </div>
    </div>
    <div class="blank">
    </div>
</body>
</html>