มีทางเลือกอื่นสำหรับ CSS หรือไม่?

มีภาษาจัดรูปแบบสไตล์ชีตแทน CSS หรือไม่? หรือ CSS เป็นภาษาเดียวในปัจจุบันสำหรับการจัดรูปแบบ Style Sheet หรือไม่?

ฉันดูการเขียน CSS บน Wikipedia ( http://en.wikipedia.org/wiki/Cascading_Style_Sheets ) และความคิดเห็นอื่น ๆ เกี่ยวกับ CSS และรู้สึกท้อแท้เกี่ยวกับการขาดการสนับสนุน CSS อย่างเต็มที่ในเครื่องมือเค้าโครงต่างๆ ฉันแค่อยากรู้ว่ามีทางเลือกอื่นหรือไม่หรือต้องเรียนรู้ที่จะใช้ฟิลเตอร์ CSS ด้วย

ขอบคุณสำหรับข้อมูลเชิงลึก

CSS เป็นตัวเลือกเดียวที่แท้จริง

การสนับสนุนเบราว์เซอร์สำหรับ CSS ไม่ควรเป็นปัญหาหลัก (ในกรณีส่วนใหญ่) เมื่อคุณเรียนรู้รายละเอียดของ CSS กุญแจสำคัญในการทำความเข้าใจเกี่ยวกับ CSS คือจุดประสงค์คือการกำหนดรูปแบบของเอกสาร HTML และควรแยกออกจากเนื้อหา

คุณจะต้องฝึกฝนในการเรียนรู้วิธีทำให้สิ่งต่างๆลดลงอย่างสง่างามในเบราว์เซอร์ที่ไม่รองรับคุณสมบัติต่างๆ แนวคิดพื้นฐานในที่นี้คือคุณควรทำให้ตัวส่วนร่วมที่ต่ำที่สุด (โดยทั่วไปของ Internet Explorer) ทำงานได้ "ดีพอ" โดยที่จะไม่นำไปจากประสบการณ์ของผู้ใช้และมอบสิ่งที่ดีให้กับผู้ใช้ด้วยเบราว์เซอร์ที่ดีขึ้น นอกจากนี้อย่าพัฒนาสำหรับ Internet Explorer ก่อน ทิ้งไว้จนสุดท้ายแล้วแก้ไขจุดบกพร่อง การทำสิ่งอื่น ๆ (IE ก่อน) นั้นยากกว่ามาก

คุณยังมีตัวเลือกในการใช้ JavaScript เพื่อกำหนดสไตล์ แต่ไม่แนะนำให้ใช้เนื่องจากคุณควรหลีกเลี่ยงการใช้สไตล์ภายใน JavaScript เนื่องจาก JavaScript มีไว้สำหรับตรรกะไม่ใช่สไตล์

มีส่วนประกอบ 3 อย่าง (ขึ้นอยู่กับว่าคุณดูอย่างไร) ในหน้าเว็บ:

• HTML - สำหรับเนื้อหา
• CSS - สำหรับจัดรูปแบบเนื้อหาของคุณ
• JavaScript - สำหรับการใช้ตรรกะเพิ่มเติมหรือแบบไดนามิกกับเนื้อหาของคุณ

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

แม้ว่า CSS3 จะนำมาใช้ข้ามเบราว์เซอร์ แต่ฉันเชื่อว่าวิธี CSS ในการจัดวางสิ่งต่างๆ (กล่องอินไลน์ลอยระยะขอบ ฯลฯ ) นั้นแย่มาก ฉันเป็นโปรแกรมเมอร์ แต่พ่อของฉันเป็นนักออกแบบกราฟิกและฉันค่อนข้างมั่นใจว่าซอฟต์แวร์เลย์เอาต์ที่พวกเขาใช้มา 20 ปีนั้นง่ายกว่าและก้าวหน้ากว่า CSS ในบางแง่มุม

ใช่แล้วมันเรียกว่าLESSและมันตอบสนองปัญหาการอ่านโค้ดของ CSS ส่วนใหญ่

คุณทั้งสองสามารถรวบรวมไว้บนเซิร์ฟเวอร์หรือบน-the-fly ฝั่งไคลเอ็นต์กับless.js

สำหรับการผลิตฉันขอแนะนำให้ตั้งค่า build script ที่คอมไพล์ (ในNodeJSนี่คือเค้กที่มีGruntและgrunt-Contrib-less )

แก้ไข:นอกจากนี้ยังมีตัวเลือกอื่น ๆ ที่ควรกล่าวถึงแม้ว่าฉันจะใช้และแนะนำ LESS ก็ตาม

SASS : คนทับทิมชอบอันนี้ ไม่ใช่ชุด CSS ขั้นสูงเช่น LESS แต่ใช้ไวยากรณ์ของตัวเองแทน เพื่อรับมือกับสิ่งนี้พวกเขาได้พัฒนา SCSS ซึ่งเป็น CSS super-set และคล้ายกับ LESS

สไตลัส : เช่น LESS มันถูกเข้ารหัสในจาวาสคริปต์ แต่มักใช้จาก Node.js ฉันไม่สามารถรับรองได้เนื่องจากฉันยังไม่ได้ลองใช้ แต่มันเป็นผู้ใหญ่มากดังนั้นหากมีคุณสมบัติที่คุณต้องการก็ไปหามันอย่างแน่นอน

Turbine : อันนี้ถูกเข้ารหัสด้วย PHP แรงฉุดไม่มาก.

เปลี่ยน CSS : บางทีแฮกเกอร์ Python อาจต้องการตรวจสอบสิ่งนี้ แรงดึงแม้แต่น้อย

ถ้าคุณรู้สึกแม้ทางเลือกอื่น ๆ อีกมากมายนอกจากนี้ยังมีCSS Cacheer , CSScaffold , DtCSS , CSSPPและแม้กระทั่งบางสิ่งบางอย่างโดยporneL

สิ่งอื่น ๆ ที่คุณอาจต้องการตรวจสอบ:

เข็มทิศ : กรอบการเขียน CSS แบบเต็มสำหรับพวก Ruby

WinLESS : คอมไพเลอร์ลากและวาง LESS สำหรับ Windows มันยอดเยี่ยมมากและคุณควรลองดู

LESS Elements , Preboot , LESSHatและ even.less : ไลบรารีของ mixins และค่าคงที่สำหรับ LESS

Bootstrap : เฟรมเวิร์กที่พัฒนาโดย Twitter นอกจากนี้ยังเกี่ยวข้องกับ HTML5 Boilerplate

Normalize.css : ทางเลือกในการรีเซ็ต CSS อย่างไรก็ตามมีการรีเซ็ตหลายครั้งในฐานะผู้พัฒนาฉันต้องบอกว่าส่วนใหญ่เป็นเรื่องไร้สาระ ถ้าไม่อยากทำเองก็ใช้อันนี้

อัปเดต : ตั้งแต่ 1.4 LESS ก็มี@extendเช่นกัน อย่าลืมใช้ 1.4+ ถ้าเป็นไปได้! นี่เป็นเหตุผลที่สมบูรณ์ในการเลือก LESS มากกว่า SASS ที่ฉันคิด

ใช่.

อย่างที่ใคร ๆ พูดกัน CSS เป็นตัวเลือกเดียวที่แท้จริงของคุณ แต่มีอีกภาษาหนึ่งสำหรับ "สไตล์ชีตการจัดรูปแบบสิ่งต่างๆ"บนเว็บที่เรียกว่า eXtensible Stylesheet Language (XSL) โดยเฉพาะส่วนย่อยของข้อมูลจำเพาะที่กลายเป็นที่รู้จักในชื่อXSL-FO (การจัดรูปแบบวัตถุ)

เมื่อถึงจุดหนึ่งขึ้นอยู่กับคนที่คุณถามมันก็มีจุดมุ่งหมายเพื่อการแข่งขันหรือการทำงานร่วมกันกับ CSS

สไตล์ชีตตาราง (GSS): GSS

ทางที่ดีกว่า

CSS แบบกระจายกว้างไม่ได้รับการสนับสนุนอย่างเต็มที่ในทุกเบราว์เซอร์ ... ทางเลือกอื่น (ไม่ทราบ) จะบรรลุเป้าหมายนี้อย่างไร

CSS 2.1 รองรับได้ดีเกือบทุกเบราว์เซอร์ (ยกเว้น IE6) เป็นเรื่องง่ายที่จะเขียน CSS ที่ลดระดับลงอย่างสวยงามเมื่อคุณทราบชุดย่อยที่ปลอดภัยแล้ว (เพื่อให้แม้เบราว์เซอร์ที่ไม่รองรับจะไม่ทำให้หน้ายุ่งโดยสิ้นเชิง)

ดูhttp://www.quirksmode.orgสำหรับคำแนะนำเกี่ยวกับความเข้ากันได้ของเบราว์เซอร์ CSS

รายชื่อภาษาสไตล์ชีต: http://en.wikipedia.org/wiki/List_of_stylesheet_languages

รู้สึกท้อแท้เกี่ยวกับการขาดการสนับสนุนอย่างเต็มที่สำหรับ CSS ในเครื่องมือเค้าโครงต่างๆ

ฉันคิดว่า jQuery มีบางวิธีในการทำให้ css เข้ากันได้กับทุกเบราว์เซอร์เช่นหากคุณระบุแอตทริบิวต์บางอย่างโดยใช้ jQuery ก็จะพยายามใช้วิธีแก้ไขปัญหาสำหรับเบราว์เซอร์ที่ไม่รองรับคุณสมบัติบางอย่าง

นอกจากนี้ยังมีโครงการชื่อCleverCSSคุณอาจต้องการตรวจสอบ มันไม่ใช่ทางเลือกอื่น แต่เป็นวิธีที่แตกต่างกันเล็กน้อยในการกำหนด

ฉันดูการเขียน CSS บน Wikipedia ( http://en.wikipedia.org/wiki/Cascading_Style_Sheets ) และความคิดเห็นอื่น ๆ เกี่ยวกับ CSS และรู้สึกท้อแท้เกี่ยวกับการขาดการสนับสนุน CSS อย่างเต็มที่ในเครื่องมือเค้าโครงต่างๆ ฉันแค่อยากรู้ว่ามีทางเลือกอื่นหรือไม่หรือต้องเรียนรู้ที่จะใช้ฟิลเตอร์ CSS ด้วย

CSS เป็นมาตรฐาน ไม่มีทางเลือกอื่น

เบราว์เซอร์ทั้งหมดรองรับคุณสมบัติพื้นฐานของ CSS เวอร์ชันใหม่ของเบราว์เซอร์หลัก (สี่?) แต่ละรุ่นมาพร้อมกับการสนับสนุนที่เพิ่มขึ้นสำหรับมาตรฐาน แต่เว็บไซต์ที่ใช้คุณลักษณะเหล่านี้จะไม่สามารถใช้ได้กับผู้ใช้ทุกคนในเวอร์ชันก่อนหน้า มีสองคำตอบสำหรับสิ่งนี้:

1. "การย่อยสลายอย่างสง่างาม" (หรือคู่แฝด "การเพิ่มประสิทธิภาพแบบก้าวหน้า" - google it) ซึ่งหน้านี้จะใช้ประโยชน์จากคุณลักษณะขั้นสูงหากมีให้ใช้งานในขณะที่ยังคงใช้งานได้ต่อไปหากไม่มี

2. กลุ่มเป้าหมายของคุณคือใคร? หากคุณโชคดีพอที่จะรู้ว่า 99.8% ของผู้เยี่ยมชมเว็บไซต์ของคุณกำลังใช้ IE7 เป็นอย่างน้อยคุณก็ไม่จำเป็นต้องกังวลเกี่ยวกับคุณสมบัติ CSS ที่ใช้งานไม่ได้ใน IE6 ทั้งนี้ขึ้นอยู่กับธุรกิจของคุณเองดังนั้นโปรดตรวจสอบข้อเท็จจริงก่อน

สิ่งที่แย่ที่สุดที่คุณสามารถทำได้คือการเขียนโค้ดให้กับเบราว์เซอร์ใดเบราว์เซอร์เดียวเพราะนั่นจะนำไปสู่หน้าเว็บที่เสียไม่เพียง แต่ในเบราว์เซอร์อื่น ๆ เท่านั้น แต่ยังรวมถึงเบราว์เซอร์เดียวกันในเวอร์ชันที่ใหม่กว่าด้วย

อีกทางเลือกหนึ่งเมื่อนานมาแล้ว JavaScript Style Sheets (JSSS) เป็นเทคโนโลยีภาษาสไตล์ชีทที่เสนอโดย Netscape หากใครสนใจฉันจะส่งลิงค์ให้คุณ http://en.wikipedia.org/wiki/JavaScript_Style_Sheets

นี่คือข้อเสนอ http://www.w3.org/Submission/1996/1/WD-jsss-960822 ฉันคิดว่านี่เป็นความคิดที่ดี แต่น่าเสียดายที่ css ชนะ แต่อาจมีบางส่วนที่รวมเข้ากับจาวาสคริปต์ ??

นอกจากนี้แทนที่จะใช้ css คุณสามารถใช้ svg สำหรับเอฟเฟกต์ข้อความบางอย่างดูตัวอย่าง
http://msdn.microsoft.com/en-us/ie/hh410107.aspx
และภาพเคลื่อนไหวบางส่วน
http://svg-wow.org/ ข้อความผล / ข้อความ effects.xhtml
บางผลปุ่มhttps://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/
นี่เป็นตัวอย่างสำหรับจัดแต่งทรงผม cooleer ข้อความที่คุณควรจะดูที่นี้http: //www.hongkiat com / blog / scalable-vector-graphics-text /

ทางเลือกเดียวคือการสนับสนุนการจัดรูปแบบที่เลิกใช้แล้วซึ่ง HTML เองก็มีเช่น<font>แท็ก แต่คุณไม่ต้องการทำเช่นนั้น 8-)

ไม่ได้ CSS คือหนทางที่จะไปตอนนี้ ไม่มีอะไรผิดปกติกับรูปแบบตัวเอง (โดยส่วนตัวแล้วฉันค่อนข้างชอบมันจริงๆ) แต่มีเพียงเบราว์เซอร์เท่านั้นที่รองรับ - โดยเฉพาะอย่างยิ่งเกี่ยวกับ IE เมื่อเรามีเบราว์เซอร์หลัก ๆ ทั้งหมดที่รองรับCSS3สิ่งต่างๆก็น่าจะดี - แม้ว่าฉันจะไม่มองโลกในแง่ดีเกินไปว่าจะเกิดขึ้นเมื่อใด

ไม่มีทางเลือกอื่นสำหรับ CSS ในขณะนี้และนี่เป็นสิ่งที่ดี ผู้จำหน่ายเบราว์เซอร์, W3C, WHATWG และอื่น ๆ มีเวลาที่ยากพอที่จะเห็นด้วยกับข้อมูลจำเพาะเดียวคุณลองนึกดูว่าจะเกิดอะไรขึ้นหากมีข้อมูลจำเพาะมากกว่าหนึ่งรายการ

อย่างไรก็ตามฉันพบว่าเมื่อคุณเรียนรู้ CSS คุณจะได้รับความรู้ว่าสิ่งใดทำลายสิ่งใดเป็นพิเศษและเรียนรู้ที่จะทำงานกับมันหรือหลีกเลี่ยง

หวังว่านี่จะช่วยได้

ครับ! sassอาจเป็นตัวเลือก

ไม่ (ส่วนใหญ่)

หากคุณต้องการสร้างเลย์เอาต์ที่ใช้งานได้กับเครื่องไคลเอนต์จำนวนสูงสุดคุณจะต้องเรียนรู้ CSS

หากคุณสามารถ จำกัด ผู้ใช้ของคุณไว้ที่ IE8, Chrome, Safari และ Firefox ได้คุณอาจต้องใช้ CSS2 ไม่เช่นนั้นคุณจะต้องเรียนรู้ความแตกต่างทั้งหมดของ CSS1 พร้อมกับสิ่งที่เสียหายมากมายโดยเฉพาะใน IE5 และ 6 .

HTML 3.2 มีแท็กการจัดรูปแบบบางแท็ก (เช่น<font>หรือ<center>) แต่คุณไม่สามารถทำอะไรได้มากนัก

ทำไมส่วนใหญ่? - หากคุณสามารถสันนิษฐานได้ว่าผู้ใช้มี Flash หรือ Silverlight และสร้างเว็บแอปพลิเคชันสำหรับพวกเขา จากนั้นเลย์เอาต์ของคุณจะสมบูรณ์แบบ แต่จะต้องมีปลั๊กอินฝั่งไคลเอ็นต์ (ซึ่งไม่ใช่ทุกคนที่มี) เพื่อให้ทำงานได้ ฉันจะไปตามเส้นทางนั้นก็ต่อเมื่อคุณต้องการ UI ไคลเอนต์ที่สมบูรณ์จริงๆ

ฉันยอมรับว่าสถานะปัจจุบันของการรองรับ CSS ค่อนข้างแย่มาก

ฉันคิดว่าแนวทางที่ดีที่สุดคือการเขียน CSS ตามมาตรฐานจากนั้นเพิ่มการแก้ไขสำหรับบิตทั้งหมดที่เบราว์เซอร์ต่างๆไม่ปฏิบัติตามอย่างถูกต้อง มักจะคุ้มค่าที่จะหลีกเลี่ยง CSS บางบิตหากคุณ (เช่นระดับ z มีระดับการสนับสนุนที่หลากหลายในเบราว์เซอร์จำนวนมาก)

Zoli พูดถูก "xslt เป็นทางเลือก"

XSLT เปลี่ยน XML เป็นหน้าเว็บที่แสดงผลเช่นเดียวกับที่ CSS เปลี่ยน HTML ให้เป็นหน้าเว็บที่แสดงผล โปรดทราบว่าคุณไม่สามารถผสม XSLT กับ HTML หรือ CSS กับ XML ได้

ฉันใช้ทั้ง CSS + XSLT เพื่อสร้างหน้าเว็บที่แสดงผล

Adobe Postscript เป็นทางเลือกที่เป็นไปได้มากที่สุดสำหรับ CSS ปัญหาคือต้องใช้ Acrobat เพื่อดูบนเดสก์ท็อปหรือบนเว็บ มันเหนือกว่า CSS มากและยังคงไว้ซึ่งความตั้งใจในการออกแบบและการปรับขนาดในทุกอุปกรณ์ไม่ว่าจะเป็นเครื่องพิมพ์พล็อตเตอร์โทรศัพท์แท็บเล็ตและทุกอย่างด้วยล่าม Postscript

Postscript มีเส้นโค้งการเรียนรู้เป็นศูนย์เว้นแต่คุณจะนำไปใช้กับอุปกรณ์บางอย่าง โปรแกรมนี้ได้รับการตั้งโปรแกรมโดยโปรแกรมเมอร์ศิลปินกราฟิกศิลปินเครื่องพิมพ์มืออาชีพและแม้แต่ผู้ใช้คอมพิวเตอร์ในบ้านที่มีทักษะต่ำที่สุด สิ่งที่คุณต้องทำคือเลือกพิมพ์หรือบันทึกจากเมนูของแอปพลิเคชันใด ๆ รองรับการเชื่อมโยงและอินพุตฟิลด์ ค้นหาได้หรือไม่ เอกสารที่เป็น PS มักจะปรากฏในหน้าค้นหาของ Google

แม้ว่าจะสามารถดูได้จากเว็บเบราว์เซอร์ในรูปแบบ PDF แต่ก็ไม่ใช่ภาษาเบราว์เซอร์ดั้งเดิมเช่น HTML และ CSS ทำไมมันไม่ง่ายและทรงพลังขนาดนี้ล่ะ? เมื่อเว็บเริ่มต้น Adobe ก็มองไม่เห็นและโลภเกินไปที่จะเปิดภาษา พวกเขาต้องการขายใบอนุญาตให้กับเอ็นจิ้น PS และผลิตภัณฑ์สร้างเนื้อหา สำหรับ Adobe การแจกเบราว์เซอร์ PS ก็เหมือนกับการแจกห่านและไข่ทองคำ

เดียวเท่าที่ฉันรู้ อย่างน้อยสำหรับ HTML และอื่น ๆ

ดูเพิ่มเติมที่http://www.w3.org/Style/CSS/

xslt เป็นอีกทางเลือกหนึ่ง

มันมีประสิทธิภาพมากกว่า css

มันยากกว่าที่จะเรียนรู้และใช้มัน