[เล่นเพลง] 

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