CSS (Cascading Style Sheets)는 HTML (HyperText Markup Language), XML (Extensible Markup Language) 문서 및 색상, 레이아웃, 글꼴 등을 포함한 SVG 요소의 모양과 형식을 설명하는 데 사용되는 표현 스타일 시트 언어입니다. 애니메이션. 또한 화면, 종이, 연설 또는 기타 미디어에서 요소를 렌더링하는 방법에 대해서도 설명합니다.
하나는 왼쪽에 있고 다른 하나는 같은 줄에 오른쪽에 있도록 두 개의 인라인 블록을 정렬하려면 어떻게해야합니까? 왜 그렇게 어렵습니까? 이것을 달성하기 위해 그들 사이의 공간을 소비 할 수있는 LaTeX의 \ hfill과 같은 것이 있습니까? 인라인 블록 을 사용 하면 기준선을 정렬 할 수 있기 때문에 수레를 사용하고 싶지 않습니다 . 그리고 …
따라서을 사용하면 div를 가로로 가운데에 배치 할 수 있습니다 margin:0 auto;. margin:auto auto;작동 해야 한다고 생각하는 방식으로 작동 해야합니까 ? 수직으로도 중앙에 배치합니까? 왜 작동하지 vertical-align:middle;않습니까? .black { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); } .message { background:yellow; width:200px; margin:auto auto; padding:10px; } <div class="black"> <div class="message"> This is a …
일부 입력 유형을 스타일링하여 분석해야하기 때문에 상당히 큰 문제가 있습니다. 나는 다음과 같은 것을 가지고 있었다. .registration_form_right input:not([type="radio") { //Nah. } 하지만 체크 박스에 스타일을 지정하고 싶지도 않습니다. 난 노력 했어: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) 사용하는 방법 &&? 그리고 ||조만간 사용해야하는데 …
레이블과 입력 필드를 정렬하기 위해 스타일을 지정하고 싶은 일반 양식이 있습니다. 어떤 이유로 레이블 선택기에 너비를 지정해도 아무 일도 일어나지 않습니다. HTML : <form id="report-upload-form" method="POST" action="" enctype="multipart/form-data"> <p> <label for="id_title">Title:</label> <input id="id_title" type="text" class="input-text" name="title"></p> <p> <label for="id_description">Description:</label> <textarea id="id_description" rows="10" cols="40" name="description"></textarea></p> <p> <label for="id_report">Upload Report:</label> <input id="id_report" …
IE 8에 포함 된 요소에 영향을주지 않고 div 배경의 불투명도를 설정하고 싶습니다. 어떤 솔루션도 가지고 있으며 동적 불투명도를 사용하고 있으며 색상 관리자가 변경할 수 있기 때문에 1 X 1 .png 이미지를 설정하고 해당 이미지의 불투명도를 설정하는 데 응답하지 않습니다. 그 나는 그것을 사용했지만 IE 8에서는 작동하지 않습니다. #alpha { filter: …
어쨌든 출력에 직계 자식 선택기 (>)를 덜 적용하게 할 수 있습니까? 내 style.less에서 다음과 같이 작성하고 싶습니다. .panel { ... > .control { ... } } 다음과 같은 것을 적게 생성하십시오. .panel > .control { ... }
내 사이트에서 사용하는 맞춤 웹 글꼴이 있습니다. 렌더링 출력의 스타일을 지정하기 위해 다음 코드를 사용했습니다. //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; 이것은 Safari와 Chrome에서 잘 작동합니다 (가장자리가 더 선명하고 선이 더 얇음). Firefox와 Opera에서 동일한 스타일을 구현하는 방법이 있습니까?
전에 LESS.js 를 사용 했습니다 . 사용하기 쉽습니다. <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> 나는 SASS.js를 보았다 . 비슷한 방법으로 어떻게 사용할 수 있습니까? HTML에서 즉시 사용하기 위해 SASS 파일을 구문 분석합니다. SASS.js가 Node.js 와 함께 더 많이 사용되는 것 같습니다 . var sass = require('sass') sass.render('... string of …
목표는 <svg>해당 컨테이너의 크기에 <div>관계없이 요소를 상위 컨테이너 (이 경우 a)의 크기로 확장하는 것입니다. 코드: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> </svg> </div> 이 문제에 대한 가장 일반적인 해결책 viewBox은 <svg>요소에 속성을 설정하는 것 같습니다 …