How It WorksIn this exercise you fi

How It Works
In this exercise you first applied the Monochrome theme by changing the element in the Web.config file. When the run time sees that a theme is active, it scans the associated theme folder for .css files and includes a link to all those files in the page’s section in alphabetical order. In the case of the Monochrome theme it finds the file Monochrome.css and adds it to the section automatically.

An identical process took place when you changed the theme to DarkGrey. The linked style sheet then influences the way the page is displayed in the browser by changing the layout and colors used in the page.

To enable design-time support in Visual Studio, you need to change the styleSheetTheme in the Web.config file as well. The only downside of this is that the relevant CSS file is now included twice: once for the Theme and once for the StyleSheetTheme. Because the exact same file is included twice, it doesn’t affect the layout of the site. All the selectors in the second file simply overrule those in the first. However, if you feel this duplication is a waste of CPU cycles, you should delete the styleSheetTheme attribute from the Web.config file when you go live with the application.
The layout of the page is changed radically because of the CSS in the DarkGrey.css file. If you want to
know what CSS the file contains and what elements of the page it changes, open it up in VS. It has lots of comments describing each selector in detail.

ผลลัพธ์ (ไทย) 1:

วิธีการทำงานในแบบฝึกหัดนี้ คุณก่อนใช้รูปขาวดำ โดยการเปลี่ยน <> –องค์ประกอบในแฟ้ม Web.config การ เมื่อเวลาเห็นว่ารูปแบบงาน สแกนโฟลเดอร์ชุดรูปแบบที่เกี่ยวข้องในแฟ้ม.css และรวมถึงการเชื่อมโยงไปยังแฟ้มเหล่านั้นในหน้าของ <> –ส่วนตามลำดับตัวอักษร ในกรณีของรูปขาวดำ มันค้นหาแฟ้ม Monochrome.css และเพิ่มลงไปส่วน <> –โดยอัตโนมัติ กระบวนการเหมือนเกิดขึ้นเมื่อคุณเปลี่ยนชุดรูปแบบ DarkGrey การเชื่อมโยงสไตล์ชีแล้วมีผลต่อวิธีที่หน้าในเบราว์เซอร์ โดยการเปลี่ยนโครงร่างสีที่ใช้ในเมื่อต้องการเปลี่ยน styleSheetTheme ในแฟ้ม Web.config เช่นเปิดใช้งานการสนับสนุนขณะออกแบบ Visual Studio ข้างล่างนี้ ไฟล์ CSS ที่เกี่ยวข้องว่าขณะนี้อยู่สองครั้ง: ครั้ง สำหรับชุดรูปแบบ และหนึ่งครั้ง สำหรับ StyleSheetTheme เนื่องจากไฟล์เดียวกันแน่นอนมาสอง มันไม่มีผลกับโครงร่างของเว็บไซต์ ตัวเลือกทั้งหมดในแฟ้มสองเพียงแต่ยกเลิกในครั้งแรก อย่างไรก็ตาม ถ้าคุณรู้สึกซ้ำนี้เป็นขยะของ CPU รอบ คุณควรลบแอตทริบิวต์ styleSheetTheme จากแฟ้ม Web.config เมื่อคุณทำแอพลิเคชันเค้าโครงของเพจที่มีการเปลี่ยนแปลงก็เนื่องจาก CSS ในแฟ้ม DarkGrey.css ถ้าคุณต้องการทราบว่า CSS ที่ประกอบด้วยแฟ้มและองค์ประกอบใดของหน้าเว็บที่จะเปลี่ยน ที่เปิดขึ้นใน VS มีความคิดเห็นที่อธิบายแต่ละตัวเลือกในรายละเอียดมากมาย

ผลลัพธ์ (ไทย) 2:

วิธีการทำงานในการออกกำลังกายนี้คุณใช้เป็นครั้งแรกในรูปแบบขาวดำโดยการเปลี่ยน <-> องค์ประกอบในแฟ้ม Web.config
เมื่อเวลาทำงานเห็นว่าธีมมีการใช้งานจะสแกนโฟลเดอร์ธีมที่เกี่ยวข้องสำหรับไฟล์ .css และรวมถึงการเชื่อมโยงไปยังไฟล์ทั้งหมดที่ผู้ที่อยู่ในหน้าเว็บ <-> ส่วนตามลำดับตัวอักษร ในกรณีของชุดรูปแบบขาวดำที่พบ Monochrome.css ไฟล์และเพิ่มไปยัง <->. ส่วนโดยอัตโนมัติกระบวนการเหมือนที่เกิดขึ้นเมื่อคุณมีการเปลี่ยนแปลงรูปแบบการสีเทาเข้ม แผ่นรูปแบบการเชื่อมโยงนั้นมีอิทธิพลต่อวิธีการที่หน้าเว็บจะแสดงในเบราว์เซอร์โดยการเปลี่ยนรูปแบบและสีที่ใช้ในหน้า. ต้องการเปิดใช้งานการสนับสนุนขณะออกแบบใน Visual Studio คุณจะต้องเปลี่ยน styleSheetTheme ในแฟ้ม Web.config เช่นกัน . ข้อเสียเพียงอย่างเดียวของเรื่องนี้ก็คือไฟล์ CSS ที่เกี่ยวข้องจะรวมตอนนี้ครั้งที่สอง: ครั้งสำหรับรูปแบบและเมื่อสำหรับ StyleSheetTheme เนื่องจากแฟ้มเดียวกันจะรวมสองครั้งก็ไม่ได้ส่งผลกระทบต่อรูปแบบของเว็บไซต์ ตัวเลือกทั้งหมดในแฟ้มที่สองก็ลบล้างผู้ที่อยู่ในครั้งแรก แต่ถ้าคุณรู้สึกว่าการทำสำเนานี้จะเสียรอบการทำงานที่คุณควรลบแอตทริบิวต์ styleSheetTheme จากแฟ้ม Web.config เมื่อคุณไปอยู่กับแอพลิเคชัน. รูปแบบของหน้าเว็บที่มีการเปลี่ยนแปลงอย่างรุนแรงเพราะ CSS ในสีเทาเข้มที่ ไฟล์ CSS หากคุณต้องการที่จะรู้ว่าสิ่งที่ CSS ไฟล์และสิ่งที่มีองค์ประกอบของหน้าจะเปลี่ยนให้เปิดมันได้ใน VS. แต่ก็มีจำนวนมากที่แสดงความคิดเห็นอธิบายตัวเลือกในรายละเอียดแต่ละ

ผลลัพธ์ (ไทย) 3:

มันทำงานยังไง
ในแบบฝึกหัดนี้ คุณใช้ธีมขาวดำโดยการเปลี่ยน < - > web.config องค์ประกอบในแฟ้ม เมื่อวิ่งเวลาเห็นธีมอยู่ มันจะสแกนโฟลเดอร์ที่เกี่ยวข้องรูปแบบ CSS ไฟล์และรวมถึงการเชื่อมโยงไปยังไฟล์เหล่านั้นทั้งหมดในหน้าของ < - > ส่วนในลำดับตัวอักษร . ในกรณีของธีมขาวดำพบไฟล์ภาพขาวดำCSS และเพิ่มไปยัง < - > ส่วนโดยอัตโนมัติ

มีกระบวนการเหมือนกันเอาสถานที่เมื่อคุณเปลี่ยน theme ให้ดาร์คเกรย์ . การเชื่อมโยงรูปแบบแผ่นแล้วอิทธิพลทางหน้าถูกแสดงในเบราว์เซอร์ โดยเปลี่ยนรูปแบบและสีที่ใช้ในหน้า

เพื่อให้สนับสนุนเวลาในการออกแบบของ Visual Studio , คุณต้องเปลี่ยน stylesheettheme ในไฟล์ web.config เช่นกันข้อเสียอย่างเดียวของนี้ก็คือไฟล์ CSS ที่เกี่ยวข้องจะรวมอยู่สองครั้งเมื่อสำหรับรูปแบบและครั้งเดียวสำหรับ stylesheettheme . เพราะไฟล์เดียวกันรวม 2 ครั้ง มันไม่มีผลต่อรูปแบบของเว็บไซต์ ทั้งหมดตัวเลือกในแฟ้มที่สองก็ลบล้างในก่อน แต่ถ้าคุณรู้สึกว่าไม่เสียดายรอบของซีพียูคุณควรลบ stylesheettheme คุณลักษณะจากไฟล์ web.config เมื่อคุณไปอยู่กับโปรแกรม
เค้าโครงของหน้ามีการเปลี่ยนแปลงอย่างรุนแรงเพราะ CSS ในไฟล์ darkgrey.css . ถ้าคุณต้องการ
รู้ว่า CSS ไฟล์มีอะไร และองค์ประกอบของหน้ามันเปลี่ยน เปิด ใน กับ มันมีมากมายของความคิดเห็นแต่ละตัวเลือกที่อธิบายในรายละเอียด