마코's 개발일지

전체 글

마코s 2023. 3. 2. 03:12

2023. 3. 2. 03:12

calc( ) 함수는 괄호 안의 식을 계산한 결과를 속성값으로 사용하게 해주는 함수

*참고사이트

CSS / calc() - 속성값을 사칙연산으로 정할 수 있게 하는 함수

개요 calc()는 괄호 안의 식을 계산한 결과를 속성값으로 사용하게 해주는 함수입니다. 예를 들어 font-size: calc( 10px + 10px ); 는 글자 크기를 20px로 만듭니다. 버전 : CSS Level 3 문법 연산자 +는 덧셈, -

www.codingfactory.net

background 속성 내 center값 관련 (0)	2023.03.25
display 속성을 inline 혹은 inline-block 으로 변경할 때, 발생하는 Margin에 대하여 (0)	2023.03.04
스타일 시트 CSS접두어 -webkit의 의미 (0)	2023.03.02
backdrop-filter (0)	2023.03.02
display : inline-flex 에 대하여 (0)	2023.03.02

마코s 2023. 3. 2. 01:41

2023. 3. 2. 01:41

*CSS 속성 중 접두어를 붙어야 하는 경우 있음.

각 접두어 의미 :

스타일 시트 CSS 접두어 webkit, moz, ms, o 의미

웹에서 CSS 를 적용할 때 webkit, moz, ms, o 접두어가 속성앞에 붙은 것을 종종 보실 수 있을 겁니다. 크로싱 브라우저를 위해서 필요하기 때문입니다. 주로 쓰이는 브라우저는 IE, 크롬, 파이어폭스,

mainia.tistory.com

display 속성을 inline 혹은 inline-block 으로 변경할 때, 발생하는 Margin에 대하여 (0)	2023.03.04
CSS에서 calc( ) 함수에 대하여 (0)	2023.03.02
backdrop-filter (0)	2023.03.02
display : inline-flex 에 대하여 (0)	2023.03.02
SVG 이미지 파일에 대하여 (0)	2023.03.02

마코s 2023. 3. 2. 01:38

2023. 3. 2. 01:38

1.backdrop-filter 정의 :

- 요소 뒤에 흐릿하게 흐림효과를 주거나, 다양한 색상 필터링 효과를 줄 때 사용 가능

- blur(n px) : n숫자가 커질수록 흐림효과가 커짐

홈짱닷컴

홈페이지 제작, 그누보드 강의, 웹코딩, HTML, CSS, JAVASCRIPT, JQUERY, PHP, SQL

homzzang.com