CSS 대신 스타일 시트 서식 지정 언어가 있습니까? 아니면 CSS가 스타일 시트 형식화 유형 작업을위한 현재 단일 언어입니까?
위키 백과 ( http://en.wikipedia.org/wiki/Cascading_Style_Sheets ) 의 CSS 작성과 CSS에 대한 몇 가지 다른 의견을 살펴본 결과 다른 레이아웃 엔진에서 CSS를 완벽하게 지원하지 않는다는 점에 실망했습니다. 대안이 있는지 아니면 CSS 필터도 사용하는 법을 배워야하는지 궁금합니다.
통찰력을 가져 주셔서 감사합니다.
답변:
CSS는 유일한 실제 옵션입니다.
CSS에 대한 자세한 내용을 배우면 CSS에 대한 브라우저 지원이 (대부분의 경우) 주요 관심사가되어서는 안됩니다. CSS에 대해 이해하는 핵심은 그 목적이 HTML 문서의 스타일을 정의하는 것이며 콘텐츠와 분리되어야한다는 것입니다.
기능을 지원하지 않는 브라우저에서 정상적으로 성능을 저하시키는 방법을 배우려면 연습이 필요합니다. 여기서 기본 아이디어는 가장 낮은 공통 분모 (일반적으로 Internet Explorer)가 사용자 경험에서 벗어나지 않도록 "충분히"작동하도록 만들고 더 나은 브라우저를 사용하는 사용자에게 좋은 기능을 제공해야한다는 것입니다. 또한 먼저 Internet Explorer 용으로 개발 하지 마십시오 . 마지막까지 그대로 둔 다음 버그를 수정하십시오. 다른 방식으로 (IE 우선) 작업을 수행하는 것은 훨씬 더 어렵습니다.
JavaScript를 사용하여 스타일을 설정하는 옵션도 있지만 JavaScript는 스타일이 아닌 논리를위한 것이므로 JavaScript 내에서 스타일을 적용하지 않아야하므로 권장되지 않습니다.
웹 페이지에는 3 가지 (어떻게 보는지에 따라) 구성 요소가 있습니다.
여러분 모두 프로그래머의 관점에서 질문에 답하려고 노력하고 있습니다. 원래 포스터는 좀 더 그래픽 친화적 인 대안을 찾고 있었다고 생각합니다. 다른 컨셉을 제공 할 것입니다.
CSS3가 크로스 브라우저를 채택하더라도, CSS 방식 (인라인 상자, 플로트, 여백 등)을 배치하는 것은 끔찍하다고 생각합니다. 나는 프로그래머이지만 아버지는 그래픽 디자이너이고 그들이 20 년 동안 사용했던 레이아웃 소프트웨어가 CSS보다 더 쉽고 진보 된 측면에서 꽤나 확실합니다.
예 , LESS 라고 불리며 대부분의 CSS 코드 가독성 문제를 해결합니다.
less.js 를 사용하여 서버에서 또는 클라이언트 측에서 즉시 컴파일 할 수 있습니다 .
프로덕션의 경우 컴파일하는 빌드 스크립트를 설정하는 것이 좋습니다 ( NodeJS 에서는 Grunt 및 grunt-contrib-less를 사용 하는 케이크 조각입니다 ).
편집 : 내가 덜 사용하고 추천하더라도 언급할만한 다른 옵션도 있습니다.
SASS : Ruby 사람들은 이것을 좋아합니다. LESS와 같은 CSS의 상위 집합이 아니라 자체 구문을 사용합니다. 이것에 대한 대처하기 위해, 그들은 SCSS, 개발 이다 CSS의 슈퍼 세트 LESS과 유사합니다.
스타일러스 : LESS와 마찬가지로 자바 스크립트로 코딩되어 있지만 일반적으로 Node.js에서 사용됩니다. 아직 사용 해보지 않았기 때문에 보증 할 수는 없지만 매우 성숙해서 원하는 기능이 있다면 꼭 가보세요.
터빈 : 이것은 PHP로 코딩되었습니다. 그다지 견인력이 없습니다.
Switch CSS : 아마도 파이썬 해커들이 이것을 조사하고 싶을 것입니다. 더 적은 견인력.
당신이 더 다른 느낌을하는 경우도있다 CSS Cacheer , CSScaffold , DtCSS , CSSPP 심지어 뭔가 에 의해 porneL을 .
확인하고 싶은 다른 항목 :
Compass : Ruby 사용자를위한 완전한 CSS 저작 프레임 워크입니다.
WinLESS : Windows 용 드래그 & 드롭이 적은 컴파일러, 정말 멋지다.
LESS Elements , Preboot , LESSHat 및 even.less : LESS에 대한 믹스 인 및 상수 라이브러리.
Bootstrap : Twitter에서 개발 한 프레임 워크입니다. 관련 항목 : HTML5 Boilerplate .
Normalize.css : CSS 재설정 의 대안입니다. 그러나 많은 재설정이 있지만 하나의 개발자로서 나는 대부분이 쓰레기입니다. 직접 만들지 않으려면 이걸 사용하세요.
업데이트 : 1.4 부터 LESS도 @extend있습니다. 가능하면 1.4 이상을 사용하십시오! 이것은 내가 생각하는 SASS보다 LESS를 선택하는 이유를 완성합니다.
<FONT>태그를 사용 중입니다 ).
예.
다른 모든 사람들이 말했듯이 CSS는 유일한 실제 옵션이지만 웹에서 " XSL (eXtensible Stylesheet Language) "이라고 하는 "스타일 시트 형식 지정 유형"을위한 또 다른 언어 , 특히 XSL-FO 로 알려진 사양의 하위 집합이 있습니다. (포맷 개체) .
한때 요청한 사람에 따라 CSS와 경쟁하거나 협력 하기위한 것이 었습니다 .
글쎄요, CSS 2.1은 거의 모든 브라우저에서 잘 지원됩니다. (IE6 제외) 안전한 부분 집합을 알면 우아하게 저하 된 CSS를 작성하는 것은 쉽습니다. (지원하지 않는 브라우저도 페이지를 완전히 엉망으로 만들지 않도록)
CSS 브라우저 호환성 힌트는 http://www.quirksmode.org 를 참조 하십시오 .
스타일 시트 언어 목록 : http://en.wikipedia.org/wiki/List_of_stylesheet_languages
위키 백과 ( http://en.wikipedia.org/wiki/Cascading_Style_Sheets ) 의 CSS 작성과 CSS에 대한 몇 가지 다른 의견을 살펴본 결과 다른 레이아웃 엔진에서 CSS를 완벽하게 지원하지 않는다는 점에 실망했습니다. 대안이 있는지 아니면 CSS 필터도 사용하는 법을 배워야하는지 궁금합니다.
CSS는 표준. 대안이 없습니다.
모든 브라우저는 기본 CSS 기능을 지원합니다. (4 개?) 메인 브라우저 라인 각각의 새 버전은 표준에 대한 지원이 증가하지만 이러한 기능을 사용하는 웹 사이트는 이전 버전의 모든 사용자에게 손상 될 것입니다. 이에 대한 두 가지 답변이 있습니다.
"Graceful degredation"(또는 그 쌍둥이, "Progressive Enhancement"-google it) : 페이지가 사용 가능한 경우 고급 기능을 활용하고 그렇지 않은 경우 계속 작동합니다.
청중은 누구입니까? 웹 사이트 방문자의 99.8 %가 최소한 IE7을 사용하고 있다는 사실을 알고 있다면 운이 좋으면 IE6에서 깨지는 CSS 기능에 대해 걱정할 필요가 없습니다. 그러나 이것은 자신의 사업에 달려 있으므로 먼저 사실을 확인하십시오.
당신이 할 수있는 최악의 일은 하나의 특정 브라우저의 단점에 대한 코드를 작성하는 것입니다. 다른 브라우저에서뿐만 아니라 동일한 브라우저의 이후 버전에서도 페이지가 깨지기 때문입니다.
오래 전의 대안으로 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/ text-effects / text-effects.xhtml
일부 버튼 효과 https://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/
다음은이 http : //www.hongkiat 에서보아야 할 텍스트 스타일링에 대한 멋진 예입니다 . .com / blog / scalable-vector-graphics-text /
유일한 대안은 <font>태그 와 같이 HTML 자체에 더 이상 사용되지 않는 서식 지원입니다 . 그러나 당신은 그것을 원하지 않습니다. 8-)
아니요, CSS는 이제 갈 길입니다. 형식 자체에는 아무런 문제가 없습니다 (실제로는 개인적으로 매우 마음에 듭니다). 오히려 브라우저 지원 만 가능합니다. 특히 IE에 관한 것입니다. 일단 우리가 CSS3를 지원하는 모든 주요 브라우저를 가지게되면 문제가 없어 질 것입니다.하지만 그것이 언제 일어날 지에 대해 너무 낙관적이지는 않습니다.
현재 CSS에 대한 대안은 없으며 이것은 좋은 일입니다. 브라우저 공급 업체, W3C, WHATWG 등은 단일 사양에 대해 동의하는 데 충분한 시간을 갖고 있습니다. 사양이 두 개 이상이면 어떻게 될지 상상할 수 있습니까?
어쨌든 나는 일단 당신이 CSS를 배우면, 당신은 어떤 특정한 것들이 무엇을 깨뜨리는 지에 대한 지식을 얻고 그것으로 작업하는 법을 배우거나 그것을 피하는 것을 발견했습니다.
도움이 되었기를 바랍니다.
예 ! sass 는 옵션 일 수 있습니다.
아니요 (대부분)
최대 수의 클라이언트 컴퓨터에서 작동하는 레이아웃을 만들고 싶다면 CSS를 배워야합니다.
사용자를 IE8, 크롬, 사파리, 파이어 폭스로 제한 할 수 있다면 아마도 CSS2를 피할 수있을 것입니다. 그렇지 않으면 CSS1의 모든 차이점과 무수히 많은 깨진 것들, 특히 IE5와 6에서 배워야 할 것입니다. .
HTML 3.2에는 일부 서식 지정 태그 (예 : <font>또는 <center>)가 포함되어 있지만 많은 작업을 수행 할 수 없습니다.
왜 대부분 만? -사용자가 Flash 또는 Silverlight를 가지고 있다고 가정하고 웹 애플리케이션을 구축 할 수있는 경우. 그러면 레이아웃이 완벽 할 것이지만 작동하려면 클라이언트 측 플러그인 (모든 사람이 가지고있는 것은 아님)이 필요합니다. 정말 풍부한 클라이언트 UI가 필요한 경우에만 해당 경로로 이동합니다.
내가 아는 한, 단 하나. 적어도 HTML 등의 경우.
Adobe Postscript는 CSS에 대한 가장 가능성있는 대안입니다. 문제는 데스크톱이나 웹에서 보려면 Acrobat이 필요하다는 것입니다. CSS보다 훨씬 우수하며 프린터, 플로터, 전화, 태블릿 및 Postscript 인터프리터를 사용하는 거의 모든 장치를 포함한 모든 장치에서 설계 의도와 크기를 유지합니다.
Postscript는 특정 장치에 대해 구현하지 않는 한 ZERO 학습 곡선을 갖습니다. 수백만 명의 프로그래머, 그래픽 아티스트, 아티스트, 전문 프린터 및 최저 수준의 가정용 컴퓨터 사용자가 프로그래밍합니다. 모든 응용 프로그램의 메뉴에서 인쇄 또는 저장을 선택하기 만하면 연결 및 필드 입력을 지원합니다. 검색 가능합니까? PS 기반 문서는 Google 검색 페이지에 자주 나타납니다.
그러나 웹 브라우저에서 PDF 형식으로 볼 수 있지만 HTML 및 CSS와 같은 기본 브라우저 언어는 아닙니다. 그렇게 쉽고 강력하다면 왜 그렇지 않습니까? 웹이 시작되었을 때 어도비는 너무 근시안적이었고 탐욕스러워 언어를 개방했습니다. 그들은 PS 엔진과 콘텐츠 제작 제품에 라이선스를 판매하기를 원했습니다. 어도비에게 PS 브라우저를주는 것은 거위와 황금 알을주는 것과 같았습니다.
xslt는 대안입니다.
CSS보다 강력합니다.
배우고 사용하는 것이 더 어렵습니다.