Телеграмм чат группы css

2021 February 25

IN

Igor N in HTML/CSS — русскоговорящее сообщество

😎 Алексей Орлик

Это метод пересчета отступов, я когда-то читал но в подробности не вдавался

не отступов, а общего размера

источник

10:57пожаловаться #1

RY

Roman Yaremenko in HTML/CSS — русскоговорящее сообщество

ну короче,если ты напишешь блок виз 300 пх и паддинг 20
то без бордер бокса у тебя будет виз не 300рх, а 340рх

а с бордер боксом у тебя будет 300рх , паддинг уже будет "засчитан" в ширину

источник

10:58пожаловаться #2

SA

Saqhan Abaev in HTML/CSS — русскоговорящее сообщество

Igor N

https://developer.mozilla.org/ru/docs/Web/CSS/word-break

developer.mozilla.org

word-break - CSS | MDN

Свойство CSS word-break определяет, где будет установлен перевод на новую строку в случае превышения текстом границ блока.

спасибо!

источник

10:58пожаловаться #3

DM

Denys Mikhalenko in HTML/CSS — русскоговорящее сообщество

Saqhan Abaev

сейчас вот так, если содержимое больше 200 пикселей, хотел бы что оно шло на след строку

вот, держи
https://jsbin.com/cupubicusu/1/edit?html,css,js,output

Jsbin

JS Bin

A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...

источник

10:58пожаловаться #4

m

merrrtesackerrr in HTML/CSS — русскоговорящее сообщество

Дмитрий Гаврилов

тип ты ширину блока задаешь 500, и с этим свойством блок будет 500 ровно вместе с паддингами и бордерами , а если без него то если ты допустим бордер сделаешь 10, блок уже станет 520 с учетом бордеров справа 10 и слева 10

а, спасибо

источник

10:58пожаловаться #5

a

amrl in HTML/CSS — русскоговорящее сообщество

😎 Алексей Орлик

Это метод пересчета отступов, я когда-то читал но в подробности не вдавался

просто если ты задал размер блока 200 на 200, задал паадинги, бордеры и поставил border-box
то на странице он будет в итоге 200 на 200
если без этого свойства то он будет 200+паддинг+бордер

источник

10:59пожаловаться #6

a

amrl in HTML/CSS — русскоговорящее сообщество

те это удобно потомучто ты знаешь что этот блок будет 200 на 200 как ты задал и не важно уберешь ты паддинги, изменишь размер бордера и т д

источник

11:01пожаловаться #7

m

merrrtesackerrr in HTML/CSS — русскоговорящее сообщество

amrl

просто если ты задал размер блока 200 на 200, задал паадинги, бордеры и поставил border-box
то на странице он будет в итоге 200 на 200
если без этого свойства то он будет 200+паддинг+бордер

обязательно именно записывать в такой структуре, если хочешь задать всем свойствам?
именно всем свойствам

*,
*:after,
*:before {
box-sizing: border-box;
}

источник

11:02пожаловаться #8

IN

Igor N in HTML/CSS — русскоговорящее сообщество

merrrtesackerrr

обязательно именно записывать в такой структуре, если хочешь задать всем свойствам?
именно всем свойствам

*,
*:after,
*:before {
box-sizing: border-box;
}

Оно тебе точно нужно?

источник

11:04пожаловаться #9

a

amrl in HTML/CSS — русскоговорящее сообщество

я вообще этого не записываю

источник

11:04пожаловаться #10

a

amrl in HTML/CSS — русскоговорящее сообщество

это далеко не везде нужно, а селекторы на все теги не очень хороший тон

источник

11:05пожаловаться #11

a

amrl in HTML/CSS — русскоговорящее сообщество

merrrtesackerrr

обязательно именно записывать в такой структуре, если хочешь задать всем свойствам?
именно всем свойствам

*,
*:after,
*:before {
box-sizing: border-box;
}

но да, на все элементы на странице

источник

11:05пожаловаться #12

V

Vite4eg in HTML/CSS — русскоговорящее сообщество

Всем привет. Помогите пожалуйста разобраться в работе Firefox
https://codepen.io/vite4eg/pen/QWGarMK
То что высоты везде разные вышли - это я так понял, firefox по своему строит. А вот как сделать так, чтоб все поля к верхней границе прижались?

источник

11:46пожаловаться #13

RY

Roman Yaremenko in HTML/CSS — русскоговорящее сообщество

Vite4eg

Всем привет. Помогите пожалуйста разобраться в работе Firefox
https://codepen.io/vite4eg/pen/QWGarMK
То что высоты везде разные вышли - это я так понял, firefox по своему строит. А вот как сделать так, чтоб все поля к верхней границе прижались?

form {
display:flex;
}

источник

11:52пожаловаться #14

ЮГ

Юра Гвоздев... in HTML/CSS — русскоговорящее сообщество

Покидайте пожалуйста чаты где обитают веб дизайнеры, не могу ничего толкового найти

источник

11:53пожаловаться #15

V

Vite4eg in HTML/CSS — русскоговорящее сообщество

Roman Yaremenko

form {
display:flex;
}