คำถามติดแท็ก css

ดังนั้นในขณะที่ฉันเรียนรู้ HTML ฉันพบ CSS มันน่าสนใจเพราะด้วย CSS คุณสามารถทำให้หน้าเว็บดูเท่ห์ขึ้นหรือสวยงามขึ้น แต่เนื่องจากเป็นเรื่องเกี่ยวกับสีการออกแบบสไตล์เป็นต้นฉันไม่สามารถรู้ผลลัพธ์ของโค้ด CSS ของฉันได้ ในฐานะคนที่มีความบกพร่องทางสายตาเหตุใดฉันจึงควรเรียนรู้ CSS หากคนที่มีสายตาสามารถออกแบบหน้าเว็บได้ดีกว่าฉันเพราะพวกเขาเห็นได้ตลอดเวลา มีโปรแกรมเมอร์ตาบอดที่นี่เขียน CSS หรือไม่ คุณทำได้อย่างไร? ฉันควรเพิกเฉย CSS ทั้งหมดแล้วปล่อยให้เป็นโปรแกรมเมอร์ที่มองเห็นหรือไม่ หรือมีบางสิ่งใน CSS ที่ฉันสามารถทำได้โดยไม่ต้องขอให้คนดูที่หน้าของฉันรู้ว่ามันมีการออกแบบที่ดีหรือไม่?

17 css 

ฉันเป็นผู้พัฒนา ASP.NET Webforms และฉันประสบปัญหาบางอย่างเมื่อฉันจัดการกับนักออกแบบ asp.net server controlsนักออกแบบมักจะบ่นเกี่ยวกับ พวกเขาต้องการเพียงแค่มีไฟล์ html และสร้างcssไฟล์พร้อมกับรูปภาพที่ต้องการเพื่อไปกับไฟล์เหล่านั้น บางครั้งถ้าขั้นตอนการออกแบบเสร็จสิ้นล่วงหน้าฉันจะได้รับไฟล์ html ที่มีไฟล์ css ที่เกี่ยวข้อง แต่จากนั้นเราประสบปัญหามากมายที่รวมการออกแบบเข้ากับaspxไฟล์ (ตัดการควบคุมการควบคุม telerik ... ฯลฯ ) สิ่งที่ฉันต้องการถามคือ: ฉันจะเอาชนะปัญหาเหล่านี้ได้อย่างไร นักออกแบบต้องการนักพัฒนา php- และ mvc เนื่องจากปัญหาเกี่ยวกับการควบคุมเซิร์ฟเวอร์. net ฉันจำเป็นต้องรู้วิธีโต้ตอบกับนักออกแบบในวิธีที่ถูกต้อง มีเครื่องมือหรือแอพพลิเคชั่นใดบ้างเพื่อให้นักออกแบบสามารถแสดงผล (หน้า html) ของหน้า. aspx ได้หรือไม่? โดยที่ฉันหมายถึงหน้าใน runtime มากกว่า aspx ใน Visual Studio พวกเขาใช้ Web Expression แต่พวกเขาต้องการเพจที่แสดงผลเป็น html เช่นกัน

17 html  css  web-design  webforms  designer 

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน5 ปีที่ผ่านมา HTML, CSS และ JavaScript สามารถใช้เพื่อสร้าง UI ที่สวยงาม (และมีประโยชน์) ของ UI (โดยเฉพาะตอนนี้เรามี HTML5 และ CSS3) และผู้คนจำนวนมากรู้จักพวกเขาอยู่แล้ว แม้ว่ามันจะยังไกลเกินเอื้อมของฉันมันเป็นเรื่องยากที่จะนำแอปพลิเคชันเว็บทั้งหมดไปยังแอปเดสก์ท็อป เราได้ทดสอบแอปบนเซิร์ฟเวอร์ในพื้นที่ของเราก่อนที่จะโฮสต์ ในความคิดของฉันมันเป็นความคิดที่ดีและเรียบง่ายซึ่งจะสร้างความเจริญในแอพเดสก์ท็อป นอกจากนี้แอพเหล่านี้จะใช้รหัสร่วมกันมากกับเว็บแอพพวกเขาอาจสามารถเชื่อมต่อได้ดีกว่า ทำไมมันไม่เสร็จ?

17 web-applications  html  css  desktop-application 

ความเข้าใจของฉันจากการอ่านหัวข้อเช่นนี้คือจุดของ EMS คือการกำหนดการวัดทั้งหมดในหน้าเว็บของคุณด้วยขนาดตัวอักษรพื้นฐานซึ่งสามารถตั้งค่าได้โดยเบราว์เซอร์ของคุณ ยกตัวอย่างเช่นใน Chrome settings -> show advanced settings -> web content -> font size: very largeที่คุณสามารถทำเช่นนี้ได้โดยไป ฉันอาจทำสิ่งนี้ถ้าฉันใช้จอมอนิเตอร์ความละเอียดสูงขนาดใหญ่ที่อยู่ไกล ฉันสร้างพลั่วเกอร์ที่แสดงความแตกต่างระหว่าง ems และ px ในการปรับขนาด #div1 { width: 320px } #div2 { width: 20em; } หากในเบราว์เซอร์ของฉันฉันตั้งขนาดตัวอักษรเป็นขนาดกลาง div เหล่านี้จะมีขนาดเท่ากันขนาดตัวอักษรพื้นฐานคือ 16px ดังนั้น 20em = 320px อย่างไรก็ตามเมื่อฉันเปลี่ยนขนาดแบบอักษรของเบราว์เซอร์เป็นใหญ่มากเราจะเห็นว่า div ที่วัดเป็น EMS นั้นมีขนาดเพิ่มขึ้น อย่างไรก็ตามเอฟเฟกต์นี้จะถูกลบหากฉันกำหนดขนาดตัวอักษรในแท็ก body เช่น …

16 css 

ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้ ปิดให้บริการใน5 ปีที่ผ่านมา ฉันได้ทำCและC++และตอนนี้ฉันต้องการที่จะเริ่มต้นอาชีพของฉันเป็นเว็บนักพัฒนา ฉันอ่านมากเกี่ยวกับการพัฒนาเว็บและได้รู้ว่ามีนักพัฒนาสองประเภทบนเว็บ 1. Client Side Developers. 2. Server Side Developers. ฉันต้องการที่จะให้ความสำคัญของฉันในการพัฒนาด้านเซิร์ฟเวอร์ ผมคิดว่ามันจะดีที่สุดที่จะเริ่มต้นด้วยพื้นฐานดังนั้นผมจึงเริ่มทำและHTML CSSฉันพบว่าCSSมีขนาดใหญ่เกินไปสำหรับคนที่จะเชี่ยวชาญได้อย่างง่ายดาย ฉันต้องการรู้ว่าผู้พัฒนาฝั่งเซิร์ฟเวอร์ควรรู้พื้นฐานอะไรและเขาควรจะเป็นผู้เชี่ยวชาญด้าน HTML CSSหรือไม่

16 web-development  html  css  server-side 

ทำไม: nth-child () วนซ้ำจากหนึ่งแทนที่จะเป็นศูนย์ ดังที่แสดงในตัวอย่างนี้ เหตุใดจึงเลือกองค์ประกอบแรกและไม่ใช่องค์ประกอบที่สองเมื่อ p :nth-child(1)

15 html  css  web-design 

เนื่องจาก HTML ที่สร้างโดยฝั่งเซิร์ฟเวอร์นั้นเป็นเรื่องเล็กน้อย (และเป็นวิธีเดียวที่จะสร้างเว็บเพจแบบไดนามิกก่อน AJAX) CSS ที่สร้างขึ้นฝั่งเซิร์ฟเวอร์จึงไม่ใช่ จริงๆแล้วฉันไม่เคยเห็นเลย มีคอมไพเลอร์ CSS แต่สร้างไฟล์ CSS ซึ่งสามารถใช้เป็นแบบคงที่ได้ ในทางเทคนิคแล้วมันไม่จำเป็นต้องมีไลบรารีพิเศษแท็กสไตล์ HTML ควรอ้างอิงถึงสคริปต์ templater PHP (/ ASP / อะไรก็ตาม) แทนไฟล์ CSS แบบคงที่และสคริปต์ควรส่งส่วนหัวชนิดเนื้อหา CSS - นั่นคือทั้งหมด มันมีปัญหาแคชหรือไม่? ฉันไม่คิดอย่างนั้น สคริปต์ควรส่งส่วนหัวที่ไม่มีแคชฯลฯ มันเป็นปัญหาสำหรับนักออกแบบหรือไม่? ไม่พวกเขาควรแก้ไขเทมเพลต CSS (เนื่องจากพวกเขาแก้ไขเทมเพลต HTML) ทำไมเราไม่ใช้ตัวสร้าง CSS แบบไดนามิก? หรือถ้ามีโปรดแจ้งให้เราทราบ

15 web-development  css  server-side 

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

15 html  css 

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน3 ปีที่ผ่านมา ฉันเข้าใจว่า CSS สนับสนุนเฉพาะความคิดเห็นหลายบรรทัดเช่นนี้ /* foobar */ ทำไมไม่มีการสนับสนุนสำหรับความคิดเห็นบรรทัดเดียว // foobar พวกเขาเป็นเรื่องธรรมดาในการเขียนโปรแกรมและดูเหมือนว่ามีประโยชน์อย่างยิ่งสำหรับภาษาเช่น CSS ที่แต่ละกฎอยู่ในสายของตัวเอง หากไม่มีเหตุผลในอดีตโดยเฉพาะสำหรับการตัดสินใจครั้งนี้สิ่งใดที่ทำให้เบราว์เซอร์ไม่สนับสนุนการสนับสนุน

14 css  css3 

ระบุว่า CDN เป็นสิ่งที่ดีเพราะพวกเขาสามารถให้บริการทรัพยากรใกล้ชิดกับไคลเอนต์ลูกค้าสามารถแคชพวกเขาและคุณสามารถลดภาระบนเซิร์ฟเวอร์ของคุณเอง ในเบราว์เซอร์ที่ผ่านมาทรัพยากรโหลดจากเซิร์ฟเวอร์ของบุคคลที่สามไม่ได้ลดลงขอบคุณรักษาความปลอดภัยเพื่อSubresource Integrity (SRI) CDNs อาจจะลดลงหรือถูกปิดกั้นในบางประเทศและไม่สามารถใช้ได้เมื่อมีการพัฒนาแบบออฟไลน์1 ฉันคิดว่ามันน่าสนใจที่จะใช้ CDN แต่ก็พร้อมที่จะให้พวกเขาใช้งานไม่ได้ โพสต์บล็อกนี้ให้คำแนะนำที่ดีเกี่ยวกับวิธีการต่างๆ หากคุณดูตัวอย่างพื้นฐานคุณจะเห็นว่ามันมีโค้ดสำเร็จรูปจำนวนเล็กน้อยอยู่แล้วเพื่อจัดเตรียมทางเลือกสำหรับ jQuery และ Bootstrap ในขณะที่โซลูชันที่ได้รับความนิยมแนะนำให้ใช้Fallback.jsซึ่งดูเหมือนจะไม่มีการเปลี่ยนแปลงในปีที่ผ่านมา . ในทำนองเดียวกันคำถาม SO ที่เกี่ยวข้องมากที่สุดสำหรับหัวข้อเป็นเพียงการให้ทางเลือกสำหรับ jQuery อย่างไรก็ตามในโครงการโลกแห่งความเป็นจริงฉันคาดหวังว่าจะมีทรัพยากร js / css 5 รายการขึ้นไปดังนั้นฉันรู้สึกว่าคุณไม่จำเป็นต้องทำซ้ำแผ่นบาง ๆ ที่ยุ่งเหยิงเพื่อมอบทางเลือกทั้งหมด นอกจากนี้ทุกครั้งที่คุณเพิ่มหรืออัปเดตทรัพยากรคุณจะต้อง อัปเดตลิงค์ CDN อัพเดตสำเนา fallback โลคัลโดยดาวน์โหลดด้วยตนเองหรือเปลี่ยนเวอร์ชันในการกำหนดค่า npm / bower อัปเดตลิงก์ไปที่ทางเลือก อัปเดตแฮช SRI ในขณะที่ในอุดมคติของโลกฉันคาดว่าจะเพิ่ม / อัปเดตทรัพยากรในไฟล์การกำหนดค่าหนึ่งไฟล์และให้ขั้นตอนอื่นทั้งหมดดำเนินการโดยอัตโนมัติ มีเวิร์กโฟลว์ที่กำหนดไว้แล้วเพื่อให้บรรลุเป้าหมายนี้หรือไม่? หรือ CDNs และโดยเฉพาะอย่างยิ่ง SRI …

13 javascript  css  cdn 

mediaคุณลักษณะการสืบค้นCSS3 นำไปสู่ความเป็นไปได้ที่น่าสนใจมากมายในแง่ของการพัฒนาเว็บไซต์ซึ่งปรับขนาดหน้าจอและอุปกรณ์ต่าง ๆ มากมาย อย่างไรก็ตามในทางปฏิบัติฉันเริ่มเข้าใจแล้วว่าmediaคุณลักษณะการค้นหาCSS3 และการเคลื่อนไหว "Responsive Web Design" ทั้งหมดอาจไม่สอดคล้องกับคำสัญญา ปัญหาที่ฉันเห็นคือในตอนท้ายของวันนักพัฒนาเว็บสนใจว่าผู้ใช้ของพวกเขาดูเนื้อหาผ่านเดสก์ท็อปแท็บเล็ตหรืออุปกรณ์มือถือ แต่ CSS3 มีวิธีการในการตรวจสอบความละเอียดหน้าจอเท่านั้น ในทางทฤษฎีแล้วการตรวจจับความละเอียดหน้าจอดูเหมือนจะเป็นวิธีที่ดีในการปรับแต่งสำหรับอุปกรณ์ต่าง ๆ แต่ในทางปฏิบัติ ... สมมติว่าเรามีฟังก์ชั่น Javascript อย่างง่ายที่เพิ่งแสดงความกว้างของหน้าจอ: function foo() { alert(screen.width); } บน Blackberry Touch ของฉันผลลัพธ์นี้: 768 บน Samsung Galaxy ของฉันผลลัพธ์นี้: 800 ดังนั้น ... อืม ณ จุดนี้ความละเอียดของสมาร์ทโฟนหลักกำลังใกล้เคียงกับความละเอียดระดับเดสก์ท็อป ความสามารถในการตรวจสอบว่าผู้ใช้กำลังดูเว็บไซต์ของคุณผ่านทางสมาร์ทโฟนแท็บเล็ตหรือเดสก์ท็อปดูเหมือนว่าจะยากขึ้นหากทุกอย่างที่คุณทำคือความละเอียดหน้าจอ สิ่งนี้ทำให้ฉันได้ถามคำถามเกี่ยวกับภูมิปัญญาทั้งหมดที่อยู่เบื้องหลังการเคลื่อนไหว "Responsive Web Design" ของ CSS3 ทั้งหมดตามการสืบค้นสื่อ ดูเหมือนว่าmediaคุณสมบัติการค้นหาจะเหมาะกว่าสำหรับการปรับขนาดหน้าต่างเบราว์เซอร์บนหน้าจอเดสก์ท็อปแทนที่จะเป็นอุปกรณ์พกพาต่างๆ …

13 web-development  javascript  css 

W3Schoolsมีชื่อเสียงในด้านความไม่สมบูรณ์บางครั้งไม่ถูกต้องและขี่ด้วยการโฆษณา ยังคงเมื่อมองหาบางสิ่งบางอย่างหรือเชื่อมโยงไปยังเอกสารเมื่อตอบคำถาม SO ก็ยังคงเป็นทรัพยากรข้ามเบราว์เซอร์ที่มีประโยชน์เท่านั้น มีแหล่งข้อมูลอื่น ๆ เช่นที่มีการพัฒนาเครือข่าย Mozillaที่ทำผลงานได้ดีมากขึ้นการจัดเก็บเอกสาร JavaScript และตำนานและดีquirksmode แต่พวกเขาก็ยอดเยี่ยมอย่างที่พวกเขาพูดครอบคลุมเฉพาะบางส่วนของพื้นที่ที่ฉันกำลังพูดถึงและไม่มีตัวเลือกการแก้ไขและการควบคุมคุณภาพในชุมชน มีใครตระหนักถึงความพยายามในการสร้างสารานุกรม HTML / CSS / JavaScript / DOM ข้ามเบราว์เซอร์ที่แก้ไขร่วมกันหรือไม่ ถ้าคุณต้องการฉันกำลังคิดว่าผู้ท้าชิงต่อ W3Schools อย่าง SO คือการแลกเปลี่ยนผู้เชี่ยวชาญ

12 web-development  documentation  html  css 

ในโค้ดด้านล่างนี้ฉันวางสไตล์ชีทภายในพร้อมกับแท็กเนื้อหาแทนที่จะใส่ไว้ในส่วนหัว สำหรับแอปพลิเคชันหน้าเดียวฉันกำลังพิจารณาที่จะทำสิ่งนี้สำหรับสไตล์ที่สามารถใช้ได้กับหน้านั้นเพียงอย่างเดียวแทนที่จะมีไฟล์ pagespecific.css แยกกัน มีสถานการณ์ที่สิ่งนี้มีข้อเสียเนื่องจากฉันไม่ได้ใส่ในส่วนหัว? <!-- myPartial.html starts here --> <!-- Like to keep styles unique to this html right here in this file --> <div> <style> body { background-color: red; } #myText { color: white; } </style> <span id='myText'>Hello</span> </div> <!-- myPartial.html ends here -->

12 html  css 

ฉันยังใหม่กับการพัฒนา UI แต่ฉันรู้สึกไม่สบายใจกับวิธีการทำงานของ CSS กรณีการใช้งานของฉันคือฉันต้องการใช้สไตล์เฉพาะบางอย่างdivในหน้าใดหน้าหนึ่ง ความพยายาม CSS: div.class1 { font: normal 12px arial, helvetica, sans-serif; font-color: #f30; } div.class1 div.class2 { border: 1px solid #f30; } ความพยายามน้อยกว่า: @red: #f30; @font-family: arial, helvetica, sans-serif; div.class1 { font: normal 12px @font-family; font-color: @red; div.class2 { border: 1px solid @red; } รุ่น CSS …

11 coding-style  css  ui  css3 

การใช้สไตล์กับแท็ก body จะถูกนำไปใช้กับทั้งหน้าดังนั้น body { font-family: Verdana } จะถูกนำไปใช้กับทั้งหน้า สิ่งนี้สามารถทำได้ด้วย * {font-family: Verdana} ซึ่งจะนำไปใช้กับองค์ประกอบทั้งหมดและดังนั้นดูเหมือนว่าจะมีผลเช่นเดียวกัน ฉันเข้าใจหลักการที่ว่าในตัวอย่างแรกสไตล์จะถูกนำไปใช้กับแท็กหนึ่งส่วนเนื้อหาสำหรับทั้งหน้าในขณะที่ในตัวอย่างที่สองมีการใช้แบบอักษรกับองค์ประกอบ HTML แต่ละรายการ สิ่งที่ฉันถามคืออะไรคือความแตกต่างในทางปฏิบัติในการทำสิ่งที่เป็นนัยและอะไรคือเหตุผลสถานการณ์หรือแนวปฏิบัติที่ดีที่สุดที่นำไปสู่การใช้ซึ่งกันและกัน ผลข้างเคียงคือความเร็วอย่างแน่นอน (+1 Rob) ฉันสนใจเหตุผลที่แท้จริงที่สุดในการเลือกหนึ่งอย่างในแง่ของการใช้งาน

11 design-patterns  coding-style  html  css