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

สำหรับอุปกรณ์พกพาความละเอียดนั้นใหญ่จริงขนาดหน้าจอเล็กเท่านั้น ตามที่: สำหรับการออกแบบเว็บไซต์เรากำหนดเป้าหมายความละเอียดหน้าจอ (เช่น 1920x1080) หรือไม่ และสำหรับปพลิเคชันมือถือ เรากำหนดเป้าหมายขนาดหน้าจอได้อย่างไร

11 website-design  css  html  mobile  responsive-design 

เป็นไปได้หรือไม่ที่จะสร้างทรงกลมแบบง่าย ๆ โดยใช้ CSS? ฉันกำลังคิดว่าจะเป็นทรงกลม 3 มิติ

10 css 

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

10 website-design  interface-design  css  html  responsive-design 

โดยทั่วไปมีสองวิธีในการสร้างแบบอักษรที่เป็นตัวหนาใน CSS: ผ่านfont-familyแอตทริบิวต์และผ่านfont-weightแอตทริบิวต์ สมมติว่าฉันกำลังใช้ฟอนต์Ralewayและโหลด Light, แบบธรรมดา, แบบ Semibold และแบบ Bold ผ่าน css ผมอาจจะเปลี่ยนหัวหนาง่ายโดยการตั้งค่ามันหรือh1{font-family: 'Raleway Bold'}h1{font-weight: 700} ข้อใดถูกกว่ากันหรือทั้งสองอย่างนี้เหมือนกัน

9 css  web-fonts  html 

ฉันมีภาพพื้นหลังสีเขียวที่มีเงา ฉันต้องการใช้เป็นหน้ากากเพื่อให้ฉันสามารถวางไว้บนพื้นหลังด้วยสีใดก็ได้ (เช่นสีแดงหรือสีชมพู) และได้รับเงาแบบเดียวกัน ฉันพยายามแปลงให้เป็นโทนสีเทาและเปลี่ยนความทึบเป็น 20% แต่สิ่งนี้ทำให้ภาพมืดลงมาก ฉันใช้สิ่งนี้ในหน้าเว็บที่ผู้ดูแลระบบสามารถตั้งค่าสีเทมเพลต จากนั้นฉันใช้สิ่งนี้ใน CSS: background: #557d0d url("img/background.png") center center; ใช้ Gimp 2.8.6 บน Ubuntu

9 gimp  transparency  css  mask 

ฉันมีข้อความสองบล็อกที่ค่อนข้างเล็ก (แค่ย่อหน้าละย่อหน้า) และพวกเขาดูเป็นธรรมที่ดีขึ้น แต่ปัญหาคือtext-align: justify;บางครั้งก็เพิ่มช่องว่างขนาดใหญ่มากและทำให้ข้อความค่อนข้างน่าเกลียด เป็นไปได้หรือไม่ที่จะปรับระยะห่างระหว่างคำด้วย CSS ให้ละเอียดยิ่งขึ้นเพื่อให้สิ่งนี้ไม่เกิดขึ้น?

9 website-design  typography  css 

ฉันเพิ่งอ่านบทความเกี่ยวกับความสำคัญของจังหวะตามแนวตั้งที่ดี / การใช้กริดพื้นฐานสำหรับการพิมพ์ที่ดีในการออกแบบเว็บ ฉันตัดสินใจที่จะลองใช้ตารางพื้นฐานเช่น 960 ตารางภาพด้านล่างเป็นภาพพื้นหลังสำหรับชุดรูปแบบการออกแบบเว็บ / WordPress ที่ฉันกำลังทำงานอยู่ ฉันพบว่ามันยากมากที่จะทำให้ทุกอย่างเรียงกันอย่างถูกต้องภายในตาราง ฉันจัดการเพื่อให้ได้ทุกอย่างภายในกริดแนวตั้งที่ขนาดตัวอักษรเริ่มต้น (16px) แต่เมื่อฉันเริ่มยุ่งกับขนาดของส่วนหัวการเพิ่มรูปภาพ ฯลฯ รายการต่าง ๆ จะไม่อยู่ในตำแหน่งที่เหมาะสมในตาราง ฉันต้องการทราบวิธีปรับปรุงการพิมพ์ของฉันโดยใช้จังหวะแนวตั้ง ใครบ้างมีเคล็ดลับหรือเทคนิคที่ฉันควรใช้

9 website-design  typography  page-layout  css  grids 

อะไรคือแนวทางการออกแบบที่แนะนำสำหรับท่อระบายน้ำเมื่อคอลัมน์ (หรือกล่องหรือโมดูลรูปแบบใด ๆ ) มีรูปร่างที่ชัดเจนเพราะมีพื้นหลังหรือเส้นขอบเป็นของตัวเอง โดยทั่วไปแล้วจะมีช่องว่างระหว่างขอบของกล่องและข้อความ แต่จะคิดในพื้นที่นี้ได้อย่างไร ด้วยการขยายกล่องหรือย่อขนาดตัวอักษร ? เพื่อแสดงให้เห็นนี่คือตัวเลือก (แต่ไม่ใช่ทั้งหมด) ... (นอกจากนี้ฉันสามารถใช้กริดใดก็ได้กับจำนวนคอลัมน์และความกว้างใด ๆ - นี่เป็นเพียงตัวอย่างเท่านั้น - คำถามจริงอาจถูกถามทุกครั้งที่เลย์เอาต์เลาะเลียบเลย์เอาต์) ฉันผ่านกองการเขียนบนเลย์เอาต์ที่ใช้กริด แต่จนถึงตอนนี้ฉันเห็นเพียงอันเดียวที่จัดการเรื่องนี้: เขยิบองค์ประกอบของคุณโดย Khoi Vinh ฉันพลาดอะไรไป หรือว่าไม่มีแนวทางที่ชัดเจน? เนื่องจากหนึ่งในแรงจูงใจสำหรับการวางผังแบบกริดคือการเพิ่มความรู้สึกของการจัดระดับโลกฉันจึงคิดว่าใคร ๆ ก็สามารถโต้แย้งการตัดสินใจขึ้นอยู่กับสิ่งที่ต้องการการจัดตำแหน่งที่มากขึ้น กล่องหรือเนื้อหาของมัน? Khoi Vinh ขอตัวเลือก 3 ในบทความของเขาเว้นแต่ว่าฉันไม่ได้อ่านผิด ฉันพบว่าตัวเองกลับไปกลับมาระหว่างตัวเลือก 3 และตัวเลือก 6 ด้วยตัวเลือก 3 กล่องจะจัดตำแหน่ง แต่ข้อความของข้อความรู้สึกแคบ แต่การใช้ตัวเลือก 6 ทำให้จบลงด้วยการไม่จัดแนวกล่องหรือข้อความ (แม้ว่าอาจจะบอกว่ากึ่งกลางโดยนัยระหว่างขอบข้อความและเส้นขอบกล่องคือ 'สิ่ง' ที่จัดวางในขณะนี้) ก้าวข้ามผ่านเว็บไม่มีการอ่านของฉันในการออกแบบหนังสือและศีลของการสร้างหน้าพูดเกี่ยวกับปัญหานี้อย่างใดอย่างหนึ่ง ฉันสามารถดูวิธีการทำงานของศีลสำหรับส่วนใหญ่ของ …

9 website-design  css