>> [เล่นเพลง]
>> DOUG LLOYD: ดังนั้นลองมาอีกหนึ่ง วิดีโอที่จะพูดคุยเกี่ยวกับภาษาหนึ่งที่มากขึ้น
ในครั้งนี้เราจะพูดคุยเกี่ยวกับ CSS
ดังนั้น CSS ที่สั้นสำหรับ แผ่น Cascading สไตล์
ภาษาที่เราใช้อีก เมื่อสร้างเว็บไซต์
คิดเกี่ยวกับมันเช่นนี้
หาก HTML คือสิ่งที่เราใช้ในการจัดระเบียบ เนื้อหาที่เราต้องการที่จะใส่ในหน้าของเรา
CSS เป็นเครื่องมือที่เรามักใช้ เพื่อกำหนดวิธีการที่เว็บไซต์ของเราดู
และวิธีการประสบการณ์การใช้งานจริงๆ คือการมีปฏิสัมพันธ์กับเว็บไซต์ของเรา
>> คล้ายกับ HTML, CSS เป็น ไม่ใช่ภาษาการเขียนโปรแกรม
มันไม่ได้มีเหตุผล
แต่ไม่ได้มีตัวแปร
แต่ไม่ได้มีการจัดเรียงของที่ใด ๆ การไหลของสิ่งที่เกี่ยวข้องไม่ว่า C
มันเป็นภาษาที่จัดแต่งทรงผม
และไวยากรณ์ที่สวย ที่เรียบง่ายและเพียงแค่อธิบาย
วิธีการที่องค์ประกอบของของเรา มีหน้า HTML บางอย่าง
องค์ประกอบที่ควรจะแก้ไข
ไปสิ้นสุดที่ถ้าคุณไม่ได้ ยังดูวิดีโอของเราเกี่ยวกับ HTML,
หรือไม่คุ้นเคยกับ HTML โดยทั่วไปคุณ
อาจต้องการที่จะดูที่ว่า แรกเพราะการอภิปรายของ CSS นี้
เป็นไปได้ขึ้นอยู่กับ ความรู้เกี่ยวกับ HTML บาง
>> ดังนั้นนี่คือจริงๆ CSS สไตล์ที่เรียบง่าย
แม้ว่าคุณจะไม่เคย โปรแกรมที่มี CSS ก่อน
ผมค่อนข้างมั่นใจว่าคุณสามารถคิดออก ว่าสิ่งที่สไตล์นี้จะ
มันทำอะไร?
ดีนำไปใช้กับร่างกายของเว็บของเรา หน้าทุกอย่างระหว่างแท็กร่างกาย
ใน HTML ของเราและมันกำหนด สีพื้นหลังของหน้าสีฟ้าที่
ดีก็เป็นสไตล์ที่เรียบง่ายมาก
เป็นจริงของมนุษย์มาก ภาษาที่เป็นมิตร, CSS
ดังนั้นแม้ว่าคุณจะไม่เคยใช้มาก่อน คุณอาจจะคาดเดาสิ่งที่ไม่
ในความเป็นจริงถ้าเราโหลดหน้าที่ สไตล์นี้ได้รับการฝังอย่างใด
สีพื้นหลังของหน้าเว็บของเราจะ เป็นสีฟ้าและสีขาวไม่ได้มาตรฐาน
>> ดังนั้นวิธีที่เราสร้าง stylesheets?
อย่างแรกเราจะต้อง ระบุผู้เลือก
ในตัวอย่างที่ผ่านมา ตัวเลือกที่เป็นร่างกาย
จากนั้นเราก็จะมีการเปิด วงเล็บปีกกาและเรา
จะเริ่มต้นการกำหนด สไตล์สำหรับเลือกว่า
ในระหว่างวงเล็บปีกกาเรา เพียงแค่มีรายชื่อของคู่ค่าที่สำคัญ
ทั้งคู่ก่อนหน้านี้ค่า สีพื้นหลังอัฒภาคสีฟ้า
แต่เราสามารถทำอะไรได้มากขึ้นของเหล่านี้
คุณอาจมีหลายสิ่งที่จะใช้ แท็กที่ว่าร่างกายของตัวเลือก
แต่ละคนจะถูกแยกออกโดย อัฒภาคและเราเรียกกันหนึ่งของพวกเขา
ประกาศที่มีการประกาศ CSS
เมื่อเรากำลังทำกับทุกสไตล์พวกเรา ต้องการที่จะนำไปใช้กับแท็กโดยเฉพาะอย่างยิ่งที่
เราก็มีหยิกปิด รั้งที่จะจบสไตล์ที่
และเรากำลังทำการกำหนดสไตล์ สำหรับตัวเลือกเฉพาะที่
>> สิ่งที่บางคุณสมบัติ CSS ที่พบบ่อยคืออะไร?
ดีบางทีคุณอาจต้องการที่จะนำ เส้นขอบรอบ ๆ บางสิ่งบางอย่าง
เพื่อให้คุณสามารถพูดชายแดน ที่จะเป็นกุญแจสำคัญของคุณ
แล้วค่าของคุณจะเป็น สิ่งที่รูปแบบสีและความกว้าง
คุณต้องการให้เป็น
ดังนั้นรูปแบบอาจจะเป็นของแข็ง สายเส้นประเส้นประ
เส้นสันเขาซึ่งจะเป็นเส้นหยัก
บางทีคุณอาจต้องการที่จะมีมัน เป็นสีฟ้าหรือสีดำหรือสีเขียว
บางทีคุณอาจจะต้องการให้เป็น 1 หรือ 2 หรือ 10 พิกเซลกว้าง
คุณสามารถระบุทั้งหมดของสิ่งเหล่านั้น
บางทีคุณอาจต้องการที่จะตั้งพื้นหลัง สีของหน้าเว็บของคุณในทางหนึ่ง
เราเห็นว่าการตั้งค่า พื้นหลังของร่างกายที่จะเป็นสีฟ้า
>> แล้วคุณสามารถใช้คำสำคัญ CSS เพื่อให้มีสีบาง
ที่ถูกสร้างขึ้นเป็นมัน, สีฟ้า, สีเขียว, สีดำ, สีที่ง่ายมากที่เรารู้ว่า
แต่คุณยังสามารถระบุใด ๆ ฐานสิบหกสีที่คุณต้องการ
จำได้ว่าสีที่สามารถระบุได้ โดยชุดของสามตัวเลขฐานสิบหก
0-255, RG และ B ที่ สีแดง, สีเขียว, สีฟ้าและส่วนประกอบ
และเพื่อให้เราสามารถระบุ สีใด ๆ ที่เราต้องการโดย
แทนการใช้ฟ้าหรือสีเขียวหรือสีดำ ใช้ปอนด์แล้วตัวเลขหกหลักของฐานสิบหก,
และที่จะให้เรา สีหลักหก
เพื่อให้เป็นสีพื้นหลัง
>> เรายังมีเบื้องหน้า สีซึ่งเป็นเรื่องปกติ
จะเป็นข้อความของหน้าเว็บของคุณ
และคุณสามารถทำในทำนองเดียวกันว่า ด้วยคำสำคัญและฐานสิบหกหรือหกหลัก
เพื่อให้คุณสามารถระบุสีใด ๆ ที่คุณ ต้องการสำหรับข้อความของเพจ
โดยเฉพาะอย่างยิ่งกับ สีพื้นหลังขึ้นไปข้างบน
นอกจากนี้คุณยังสามารถเปลี่ยนและจัดการ ที่มีตัวอักษรและข้อความทาง
จะแสดงผลบนหน้าเว็บ
>> เพื่อให้คุณสามารถเปลี่ยนขนาดตัวอักษรของคุณ
คุณสามารถใช้คำสำคัญเช่นพิเศษ พิเศษขนาดเล็กหรือ XX ขนาดเล็กหรือขนาดกลาง
ที่มีขนาดใหญ่และอื่น ๆ
คุณสามารถใช้จุดคงที่ 10 จุดที่ 12 จุดและอื่น ๆ
คุณสามารถใช้ร้อยละ 80%, 20% ที่ 100% เป็นแบบอักษรเริ่มต้น
ขนาดซึ่งมักจะไป เป็นสิ่งที่ชอบ 11 หรือ 12 คะแนน
หรือคุณยังสามารถฐานออก ขนาดตัวอักษรล่าสุด
หากคุณเพียงแค่เขียนบางสิ่งบางอย่างและคุณรู้ว่า สิ่งที่คุณต้องการคือมันจะมีขนาดเล็กลง
แต่คุณไม่ได้รู้ว่าสิ่งที่ขนาดที่คุณ ต้องการให้เป็นอย่างดีคุณก็สามารถพูดได้
ขนาดตัวอักษรที่มีขนาดเล็ก
และมันจะออกจากฐานที่ เพียงแค่ขึ้นไปข้างบนก็ขนาดตัวอักษร
และคุณจะได้รับมีขนาดเล็กหรือขนาดใหญ่
เพื่อให้มีจำนวนมากที่แตกต่างกัน วิธีการที่จะระบุขนาดตัวอักษร
>> นอกจากนี้คุณยังสามารถระบุสิ่งที่ ครอบครัวตัวอักษรที่คุณต้องการ
หากคุณมีโดยเฉพาะอย่างยิ่ง ชื่อมีวิธีใน CSS--
เราจะไม่พูดคุยเกี่ยวกับมัน here-- การกำหนดตัวอักษรที่เฉพาะเจาะจงมาก
และฝังลงในหน้าเว็บของคุณ
นอกจากนี้คุณยังสามารถใช้ชื่อทั่วไป
มีจำนวนมากของตัวอักษรที่ปลอดภัยเว็บเป็น ที่มีการกำหนดไว้ล่วงหน้าใน CSS
และถ้าคุณเป็นผู้ใช้ของไมโครซอฟท์ สำนักงานในช่วง 20 ปีที่ผ่านมา
คุณอาจคุ้นเคยกับ จำนวนมากของตัวอักษรที่ปลอดภัยเว็บเหล่านี้
แล้วโรมัน Times ใหม่, Arial, Courier New, จอร์เจีย, Tahoma, Verdana,
เป็นต้น
เหล่านี้เป็นเว็บการพิจารณาทุกตัวอักษรที่ปลอดภัย
และที่จริงเป็นส่วนหนึ่งของ เหตุผลที่พวกเขาจะมาถึง
ได้ถูกนำมาใช้เพื่อให้ web-- ทุกหน้า ได้เข้าถึงการตั้งค่าเริ่มต้นของตัวอักษร
กับเซอริฟต่างๆและทั้งหมดนี้ สิ่งที่ตัวอักษรที่เราจะไม่ได้รับเข้า
แต่เหล่านี้มักจะ ที่สามารถเข้าถึงได้ใน CSS ของคุณ
แม้ว่าคุณจะทำไม่ได้ กำหนดเป็นอย่างอื่นแบบอักษร
สุดท้ายคุณสามารถจัดตำแหน่งข้อความของคุณ แทนของมันถูกตามค่าเริ่มต้นชิด
ไปทางซ้ายที่คุณสามารถทำได้ จัดไปทางขวา
หรือคุณอาจจะจัดเป็นศูนย์กลางหรือ ธรรมเพื่อที่จะตีทั้งอัตรากำไรขั้นต้น
ดังนั้นผู้ที่มีตัวเลือกทั้งหมดที่คุณสามารถใช้ เปลี่ยนสิ่งที่ข้อความของคุณมีลักษณะเหมือน
และวิธีการที่จะแสดงบนหน้าเว็บของคุณ
>> ตัวเลือกของคุณทำไม่ได้ จะต้องมีการแท็กเท่านั้น
ก่อนหน้านี้เราได้เห็นแท็กร่างกาย เลือกและเลือกแท็ก
จะมีลักษณะเช่นเดียวกับที่
คุณชื่อแท็กและจากนั้นคุณ กำหนดสไตล์สำหรับแท็กนั้น
แต่คุณยังสามารถทำบางสิ่งบางอย่าง เรียกว่าเลือก ID
เลือก ID ที่มีลักษณะคล้ายสวย
แต่สังเกตเห็นว่าตอนนี้ฉันไม่ได้ใช้ แท็กผมใช้ในกรณีนี้
#unique หรือสับที่ไม่ซ้ำกัน
ถ้าคุณจำจากเรา วิดีโอใน HTML ที่เราได้พูดคุย
เกี่ยวกับวิธีการแท็กสามารถมีคุณลักษณะ
>> และเป็นหนึ่งในแอตทริบิวต์ที่ใช้ จะสวยมากทุกแท็ก
แต่เราไม่ได้พูดคุยเกี่ยวกับเรื่องนี้ เป็นสิ่งที่เรียกว่าแท็ก ID
ดังนั้น CSS นี้โดยเฉพาะจะ ใช้เฉพาะกับแท็กที่มี
รหัสที่เฉพาะเจาะจงมากที่คุณได้รับการตั้งชื่อ
ดังนั้นถ้าคุณมีที่ใดที่หนึ่ง ในรหัสของคุณอยู่ที่ไหนสักแห่ง
ในไฟล์ HTML ของคุณแท็กและคุณ ระบุเป็นแอตทริบิวต์แท็กที่มี
ID เท่ากับที่ไม่ซ้ำกันนี้ สไตล์โดยเฉพาะอย่างยิ่ง
ที่นี่จะนำไปใช้ในระหว่าง แท็กที่มี ID ของที่ไม่ซ้ำกัน
>> นอกจากนี้คุณยังสามารถทำบางสิ่งบางอย่าง เรียกว่าเลือกเรียน
ดังนั้นในนอกจากจะมี ID คุณลักษณะนี้คุณยังสามารถ
เพิ่มแอตทริบิวต์ชั้นเรียนเพื่อแท็ก
และเมื่อคุณใช้คุณลักษณะชั้นเรียน ก็สามารถที่จะนำไปใช้กับแท็กหลาย
ดังนั้นถ้าคุณมีหลายสิ่งหลายอย่างที่ จะคล้ายกันบางทีคุณอาจต้องการที่จะพูดว่า
แท็กเปิด blah, blah, blah, blah ชั้นเท่ากับนักเรียน
และแล้วเรื่องนี้โดยเฉพาะ สไตล์จะนำมาใช้
แท็กทุกระดับซึ่งเป็นนักเรียน
ในกรณีนี้เราต้องการตั้งค่า สีพื้นหลังเป็นสีเหลือง
และเราต้องการตั้งค่าความทึบซึ่ง เป็นแท็กเราไม่ได้พูดคุยเกี่ยวกับการ
แต่เกี่ยวข้องกับวิธีการที่โปร่งใส บางสิ่งบางอย่างที่เป็นถึง 70% ในกรณีนี้
>> มีตัวเลือกที่สองคือ เขียน stylesheets
คุณสามารถเขียนพวกเขา โดยตรงลงใน HTML ของคุณ
โดยการวาง stylesheets ในระหว่างแท็กสไตล์
และแท็กรูปแบบเหล่านั้นไปภายในของ แท็กส่วนหัวของหน้าเว็บของคุณ
วิธีที่อาจจะเป็นที่ต้องการมากขึ้นในการทำ ก็คือการเขียนไฟล์ .css แยกต่างหาก
แล้วเชื่อมโยงไว้ในของคุณ เอกสารที่ใช้แท็กที่ลิงค์
แท็กการเชื่อมโยงอีกครั้งเป็น แตกต่างจากการเชื่อมโยงหลายมิติ
ถ้าคุณจำได้จากวิดีโอของเรา HTML
และแท็กการเชื่อมโยงเป็นวิธีการที่เรา ดึงในแฟ้มที่แยกต่างหาก
มันประเภทเช่นเทียบเท่า # รวมสำหรับการเขียนโปรแกรมเว็บ
>> ดังนั้นลองมาดูที่ table.HTML
ถ้าคุณจำจากเรา วิดีโอ HTML, ฉันพบ
ตัวอย่างของมาก คูณง่าย
ตารางที่ดูสวย น่าเกลียดและอาจจะมี
วิธีที่จะทำให้ดีขึ้นด้วย CSS ที่จะทำให้มันเป็นจริงการมอง
มากขึ้นเช่นการคูณ ตารางหรือบางสิ่งบางอย่าง
ที่ไม่ได้เป็นเพียงติดกัน ไม่มีส่วนที่เกิดขึ้นจริง
ระหว่างแถวและคอลัมน์
ดังนั้นขอให้ตรงไปที่ CS50 IDE และจะดู
ที่วิธี CSS สามารถเรียงลำดับของปรับแต่ง สิ่งที่เราเริ่มต้นด้วยการมาก่อน
และทำให้มันเป็นสิ่งที่ดีขึ้นมาก
>> ดังนั้นเราจึงอยู่ใน CS50 IDE ในขณะนี้และถ้าไม่คุ้นเคย
เราจะดึงขึ้นในครั้งนี้ ตารางที่เพจ HTML
Table.HTML พื้น เพียงแค่กำหนดเนื้อหา
ของ multiple-- มันควรจะเป็น สี่สี่ตารางสูตรคูณ
มันตรงไปตรงสวย
และเราจะคิดว่ามันจะ มีลักษณะการจัดสวยดี
แต่ในความเป็นจริงเมื่อเราดูตัวอย่างหน้านี้ เราจะเห็นว่ามันเป็นชนิดของน่าเกลียดใช่มั้ย?
เห็นได้ชัดว่าเรามีแถวและคอลัมน์ที่นี่
มีการเรียงลำดับของการแยกบาง
แต่มันไม่ได้มีความหมายแยก
เราไม่ได้รับจริง ข้อมูลที่มากเกินไปนี่
และมีการแยกระหว่างไม่มี แถวและคอลัมน์ในแง่
ของกฎนอนหรือแนวตั้ง
เราอาจจะทำให้เรื่องนี้ ดูดีขึ้นเล็กน้อย
ดังนั้นลอง
ดังนั้นฉันจะปิดแท็บนี้ได้ที่นี่
และฉันจะปิด table.HTML ของฉัน และฉันมีรุ่นอื่นที่นี่
เรียกว่า table2.HTML
เราจะเปิดขึ้นมา
ร่างกายของหน้านี้คือ สวยมากเหมือนกัน
แต่ฉันได้เปลี่ยนไป นิด ๆ หน่อย ๆ ที่ด้านบน
และฉันจะเลื่อนขึ้นที่นี่
ขอให้สังเกตว่าเวลานี้ฉัน การใช้แท็กรูปแบบฝังตัว
ผมเคยเปิดแท็กรูปแบบและฉันตอนนี้ การกำหนดสไตล์ CSS เพียงภายใน
ของมัน
ฉันมีสไตล์ที่บอกว่าโต๊​​ะ
นั่นเป็นตัวเลือกแท็กของฉัน
ฉันไม่ได้ใช้จุดหรือกัญชา ซึ่งผมจะทำถ้าฉัน
ได้รับใช้ประชาชนหรือเลือกเรียน
ฉันมีแท็กเลือกตาราง here--
รูปแบบนี้เป็นไปได้ นำไปใช้กับแท็กทุกตาราง
เห็นได้ชัดว่าผมต้องการที่จะนำหนึ่ง พิกเซลกว้างเส้นขอบสีฟ้าที่เป็นของแข็ง
ภายในโต๊ะของ
ที่เสียงเหมือนมันจะอาจจะ ช่วยให้สถานการณ์ใช่มั้ย?
เรากำลังจะมี สิ่งที่ดูดีขึ้นมาก
ดังนั้นนี่เป็นเรื่องปกติ
stylistically เราได้เพียงแค่ ฝังสไตล์ของฉันที่นี่
มันแน่นอน วิธีที่ยอมรับที่จะทำมัน
ลองดูสิ่งที่มีลักษณะเช่นนี้
ดังนั้นฉันจะกลับไปลงที่นี่และ ฉันจะจะดูตัวอย่าง table2.HTML ของฉัน
ดีที่ไม่มากสิ่งที่ฉันต้องการ แต่มันเป็นสิ่งที่เราถาม
เรากล่าวว่ารูปแบบนี้คือ จะนำไปใช้กับตารางของเรา
ตารางของเราตอนนี้มีหนึ่งพิกเซล กว้างเส้นขอบสีฟ้าที่เป็นของแข็งรอบ
เราไม่ได้รับจริง ที่เซลล์ตาราง
เราเพียงแค่ได้รับที่โต๊ะ
ดังนั้น CSS ทำงาน
จะได้นำไปใช้ สไตล์การตารางของเรา
แต่ไม่ได้ค่อนข้างทำ สิ่งที่เราต้องการจะทำ
เราไม่ได้รับวิธีการทำ สิ่งที่เราต้องการจะทำอย่างไร?
>> ดีลองมาดูที่หนึ่งมากขึ้น รุ่นนี้ใน table3.HTML
ดังนั้นฉันก็จะปิดแท็บเหล่านี้
ฉันจะกลับไปมากกว่าที่นี่ของฉัน ยื่นต้นไม้และเปิด table3.HTML
อีกครั้งก็จะดูสวย ที่คล้ายกันที่นี่ที่จุดเริ่มต้น
แต่แจ้งให้ทราบในเวลานี้แทนการใช้ สไตล์ฝังสิทธิในการมี
ฉันจะเชื่อมโยงใน สไตล์การใช้แท็กที่ลิงค์
ดังนั้นฉันเห็นได้ชัดในการเชื่อมโยง สไตล์ที่เรียกว่า tables.CSS,
และดีเท่ากับ สไตล์เพียง means-- ดี
สิ่งที่เป็นญาติไฟล์นี้กับสิ่งที่ ฉัน doing-- เป็นสไตล์ที่ฉัน
ใช้สำหรับหน้าเว็บของฉัน
ดังนั้นถ้าผมอยากจะเห็นสิ่งที่ ที่ฉันทำกับ CSS ที่นี่
ผมต้องไปเปิดที่ table.CSS ยื่นเช่นกัน
ดังนั้นเราจะกลับไปมากกว่าที่นี่ อีกครั้งกับต้นไม้ไฟล์ของเรา
มี table.CSS เป็น
เราจะปรากฏให้มันเปิด
ตอนนี้เรากำลังเห็นเล็ก ๆ น้อย ๆ ของซีเอสเอ
เห็นได้ชัดว่าผมมีคู่ ของสิ่งที่เกิดขึ้นที่นี่
เห็นได้ชัดว่าผมต้องการที่จะนำห้า พิกเซลกว้างขอบสีแดงที่เป็นของแข็ง
รอบโต๊ะของฉัน
เรารู้อยู่แล้วว่าจะ เพียงแค่ไปในปริมณฑล
เราเห็นว่าใน table2.HTML
ด้วยแต่ละแถวฉัน เห็นได้ชัดว่าต้องการที่จะระบุ
ที่ความสูงของแถวเป็น 50 พิกเซลสูง
ดังนั้นสำหรับทุกแถวจำ นั่นคือสิ่งที่แท็กทีอาร์ไม่,
ฉันทำมันสูง 50 พิกเซล
>> สุดท้ายฉันมีความคิดเห็นนี้
และนี่คือวิธีการที่เราให้ความเห็นใน CSS
มันคล้ายกันมากที่จะยึดบล็อก ความคิดเห็นเฉือนดาวไวยากรณ์
ทุกข้อความที่คุณต้องการ
มีเฉือนเฉือนไม่มีแม้ว่าใน CSS
สำหรับความคิดเห็นแบบอินไลน์สั้นเรามี การใช้รูปแบบนี้โดยเฉพาะที่นี่
ดูเหมือนว่าฉันทำ จำนวนมากของสิ่งที่อยู่ในแท็ก td ของฉัน
โปรดจำไว้ว่าแท็ก td หรือตาราง ข้อมูลซึ่งจริงๆเป็นเพียง
คอลัมน์ภายในของ แถวของเราและเห็นได้ชัดว่า
สำหรับชิ้นส่วนของข้อมูลแต่ละ ในตารางของฉันฉันต้องการ
การตั้งค่าสีพื้นหลัง เป็นสีดำสีจะเป็นสีขาว
สีเป็นสีพื้น
ดังนั้นนี่เป็นไปได้ ข้อความในหน้าของฉัน
ฉันต้องการตัวอักษรขนาดใหญ่ 22 ชี้ตัวอักษรและฉันต้องการ
ว่ามันจะเป็นของครอบครัวของตัวอักษรที่จอร์เจีย
ดังนั้นฉันไม่ได้ไป มีแบบอักษรเริ่มต้น
ฉันจะระบุจอร์เจียซึ่ง เป็นหนึ่งในแบบอักษรปลอดภัยเว็บ
ที่เราเคยเห็นมาก่อน
ฉันต้องการให้ข้อความของฉันเพื่อให้สอดคล้อง ใจกลางเมืองในช่วงกลางของกล่อง
ฉันไม่ต้องการที่จะถูกทิ้ง สอดคล้องหรือขวาชิด
และฉันต้องการความกว้างของคอลัมน์ของฉัน จะเป็น 50 พิกเซลกว้างเช่นกัน
ลองมาดูที่ สิ่งนี้ดูเหมือนว่า
และดูว่านี้อาจจะปรับตัวดีขึ้น
ดังนั้นฉันจะไป table3.HTML ซึ่ง การเรียกคืนรวมถึง table.CSS เป็นลิงค์
และเราจะดูตัวอย่างได้
นั่นเป็นจำนวนมากที่ดีกว่าใช่มั้ย?
นี้เป็นจริงเริ่มต้นที่จะดู มากขึ้นเช่นตารางการคูณ
ฉันมีที่ขอบสีแดง รอบโต๊ะของฉัน แต่ตอนนี้
ฉันยังได้ระบุว่า แต่ละแถวคือ 50 พิกเซลกว้าง
หรือเป็น 50 พิกเซล tall-- ข้ออ้าง me-- แต่ละคอลัมน์คือ 50 พิกเซลกว้าง
ข้อมูลในแต่ละคอลัมน์และมีเพียง ข้อมูลที่มีพื้นหลังสีดำ
เพื่อที่ว่าทำไมคนเหล่านั้น เส้นสีขาวที่มี
เพราะพื้นที่ใน ระหว่างทั้งหมดของเซลล์เหล่านั้น
มันไม่ได้อยู่ในชายแดน และของตัวเองเป็นเพียง
ฉันก็แค่กรอกข้อมูลใน เซลล์ซึ่งอันที่จริง
ทำให้เส้นขอบของตารางซึ่ง เห็นได้ชัดว่ามีอยู่ตลอดมัน
เป็นเพียงบางเส้นสีขาว
ตอนนี้พวกเขากำลังมองเห็น
ตอนนี้พวกเขาปรากฏออกมาบนหน้าจอ
และเพื่อให้เป็นที่ง่ายมาก สไตล์ที่ผมเคยนำมาใช้
และตอนนี้โต๊ะของฉันดูเหมือนมากขึ้นเช่น สี่สี่ตารางคูณ
แทนที่จะเป็นเพียงระเบียบที่คลั่งไคล้ที่ ทุกอย่างเป็นแถวอย่างชัดเจนและคอลัมน์
แต่ไม่สุดจัดดี
ถูกจริงๆเพียงรอยขีดข่วนบนพื้นผิว ของสิ่งที่คุณสามารถทำอะไรกับ CSS ที่นี่
โชคดีที่เอกสารของ CSS ตรงไปตรงสวย
คุณจะได้ใช้หลายที่ คุณลักษณะค่อนข้างบ่อย
คนที่เราพูดคุยเกี่ยวกับ ก่อนหน้านี้ในวิดีโอนี้
มีหลายอย่างที่คุณเป็น อาจจะไม่ใช้ทั้งหมด
และที่ว่าดีเกินไป
เพียง แต่รู้ว่ามี เอกสารจำนวนมากออกมี
ดังนั้นแม้ว่าเราจะไม่ได้ครอบคลุมทุกอย่าง คุณอย่างแน่นอนไม่ได้ใส่ด้วยตัวคุณเอง
แต่ CSS เป็นที่สนุกจริงๆ ในการทดสอบกับ
และฉันจะขอแนะนำให้คุณ เล่นรอบกับหน้าเว็บของคุณ
และดูว่าคุณสามารถทำให้พวกเขา มองและความรู้สึกในการปรับปรุงผู้ใช้
ประสบการณ์จากการเยี่ยมชมหน้าเว็บของคุณ
ฉันลอยด์ดั๊ก
นี่คือ CS50