Програмування css

16

Мені було цікаво, чи хтось може пояснити, як я можу отримати 7 рівних стовпців у bootstrap? Я намагаюся скласти календар. Здається, цей код робить 5: div class="row"> <div class="col-md-2 col-md-offset-1"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> </div> Мій основний вміст має наступний клас, тому я хотів би, щоб …

77 html css twitter-bootstrap twitter-bootstrap-3

2

Чому висота: 0 не приховує мій заповнений <div>, навіть із розміром коробки: border-box?

У мене є <div>набивка. Я встановив це height: 0, і дав це overflow: hiddenі box-sizing: border-box. HTML <div>Hello!</div> CSS div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 0; overflow: hidden; padding: 40px; background: red; color: white; } http://jsfiddle.net/FA29u/2/ Як я розумію, це повинно змусити <div>зникнути. Однак це все ще …

77 css

4

Застосувати стиль смуги прокрутки webkit до зазначеного елемента

Я новачок у псевдоелементах, які мають префікс із подвійною двокрапкою. Я натрапив на статтю в блозі, де обговорюються стилі смуг прокрутки з використанням лише веб-набору css. Чи можна псевдоелемент CSS застосувати до окремих елементів? /* This works by applying style to all scroll bars in window */ ::-webkit-scrollbar { width: …

77 css webkit pseudo-element

10

Елемент HTML, який за замовчуванням відображається: вбудований блок?

<div> за замовчуванням block <span> за замовчуванням inline Чи є такий, який не відповідає умовам inline-block? Якщо ні, яке спеціальне ім’я тегу було б доречним для мене, щоб застосувати «вбудований блок» за допомогою CSS? Або я повинен дотримуватися використання класу?

77 html css

12

Vue.js перемикає клас на клік

Як відбувається перемикання класу у vue.js? У мене є таке: <th class="initial " v-on="click: myFilter"> <span class="wkday">M</span> </th> new Vue({ el: '#my-container', data: {}, methods: { myFilter: function(){ // some code to filter users } } }); Коли я натискаю, thя хочу подати заявку activeяк клас наступним чином: <th class="initial …

77 css vue.js

12

Як створити липкий нижній колонтитул, який добре грає з Bootstrap 3

З верхньою навігацією або без неї дуже часто сайти мають липкий нижній колонтитул. Bootstrap має можливість легко створювати фіксовані колонтитули, але такої можливості для створення липких колонтитулів немає - є велика різниця. Погугливши це питання, можна виявити, що сотні, якщо не тисячі розробників, мають одне і те ж питання, але …

76 css twitter-bootstrap twitter-bootstrap-3 sticky-footer

4

Чиста CSS-анімація прокрутки

Я шукав спосіб прокрутити вниз, натиснувши кнопку, яка знаходиться у верхній частині сторінки, використовуючи лише CSS3. Тож я знайшов цей підручник: http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/ Демо: http://tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/ Але він занадто просунутий для моїх потреб, оскільки я просто хочу, щоб браузер прокрутив вниз, натиснувши одну кнопку, розташовану вгорі сторінки, тому мені було цікаво: чи …

76 css scroll anchor transition

27

Поля введення HTML не фокусуються при натисканні

У мене проблема, і я не можу зрозуміти, що саме спричиняє таку поведінку. Я не можу отримати доступ до своїх полів введення та textareaслів у моїй формі HTML. На жаль, JS, HTML та CSS дуже великі, тому я не можу все це розмістити тут. Хтось може сказати мені, на що …

76 javascript html css

6

Звідки беруться кулі на елементах <li>?

На сьогоднішній день я розумію, що різні елементи HTML розділені за своєю функціональністю стилем CSS за замовчуванням, осторонь семантики. Використовуючи користувальницький CSS, ви можете (небажано) змусити будь-який елемент HTML поводитися як будь-який інший. Якщо це правильно, єдине, що я не можу врахувати, це кулі на <li>елементах. Що CSS викликає їх? …

76 html css

13

Чи слід уникати використання функції «вирівнювання тексту: виправдання;»?

Чи є підстави уникати використання text-align: justify;? Це зменшує читабельність чи викликає проблеми?

76 css usability typography

6

Чому ми використовуємо <script> для сценаріїв, а не <style> для зовнішніх CSS?

Це запитання мені поставив мій родич, який почав вивчати веб-розробку. Чому <script src="min.js"></script>і <link rel="stylesheet" href="min.css">? Чому ні <style href="min.css"></style>. Чому ми використовуємо linkтег для додавання зовнішнього CSS на сторінці, але коли ми посилаємо CSS на сторінку, але ми використовуємо, <style>...</style>коли пишемо CSS всередині <head>? Я сказав йому, що це …

76 javascript css html w3c

1

firefox overflow-y не працює з вкладеним flexbox

Я розробив макет на 100% по ширині на 100% по висоті за допомогою cbox3 flexbox, який працює як на IE11 (так і на IE10, якщо емуляція IE11 правильна). Але Firefox (35.0.1), overflow-y не працює. Як ви можете бачити в цьому кодепені: http://codepen.io/anon/pen/NPYVga firefox неправильно відображає переповнення. Він показує одну смугу …

76 css firefox overflow flexbox

7

Вертикально повернутий текст, повернутий за допомогою CSS

У мене є такий HTML: <div class="outer"> <div class="inner rotate">Centered?</div> </div> div.outerявляє собою вузьку вертикальну смугу. div.innerповертається на 90 градусів. Я хотів би отримати текст "По центру?" щоб виглядати в центрі у своєму контейнері div. Я не знаю розмір будь-якого div заздалегідь. Це наближається: http://jsfiddle.net/CCMyf/2/ . З jsfiddle видно, що …

76 css vertical-alignment centering vertical-text

3

CSS-селектор для вимкненого типу вводу = “submit”

Чи існує селектор CSS для відключених input type="submit"чи "button"? Чи варто просто використовувати input[type="submit"][disabled]? Це працює в IE6?

76 css css-selectors submit-button

5

Використовувати кілька користувацьких шрифтів за допомогою @ font-face?

Я впевнений, що мені не вистачає чогось справді прямого. Використовував один спеціальний шрифт із нормальним шрифтом: @font-face { font-family: CustomFont; src: url('CustomFont.ttf'); } Все працює нормально, коли я його використовую, але якщо я хочу додати інший спеціальний шрифт, що мені робити? Я намагався відокремити комами наступний або додати цілий інший …

76 css fonts font-face

Запитання з тегом «css»