# CSS
종속형 시트 또는 캐스케이딩 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.
계산기 만들기
유튜브 채널인 (이룸코딩)의 HTML, CSS 영상을 보고 실습으로 계산기 만들기를 따라해보았다.느낀 것은 flex와 grid를 익숙해질때까지 연습하는 것이 중요하다 느꼈다.
Sass - mixin
@extend와 임시클래스(%)를 사용 하는 것과 비슷한 결과를 가져오지만,좀 더 뭐랄까.. 함수를 만들어서 재사용 하는 것과 매우 비슷한 형식으로 사용됨@mixin 이름($매개변수:기본값,$매개변수:기본값)1) 위 사진처럼, 재사용 할 스타일을 생성해 준다.생성시에
Sass - @extend, 임시클래스(%)
1. @extend 동일한 css를 불필요하게 중복되어 작성하지 않고 간단히 상속받아 사용할 수 있게 만들어주는 문법 1-1 @extend 사용법 > 업로드중..
[CSS] 박스 모델과 박스 테두리
⭐블록 레벨 요소와 인라인 레벨 요소 박스 모델은 블록 레벨 요소와 인라인 레벨 요소로 나뉜다. 💡 블록 레벨 요소 블록 레벨 요소란 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것을 가리킨다. 한 줄을 차지한다는 것은 해당 요소의 너비가 100%라는 것
폰트 변경하기
텍스트 폰트를 변경할려면 font-family를 사용해서 사용하고자하는 font를 지정할 수 있다.폰트를 뭐로 바꿀지 몰라서 vscode에서 첫번째로 추천해주는 글꼴로 변경해보았다.이번에도 잘 적용되었따!!!!!
텍스트 style 변경하기
텍스트 style을 변경하는 방법은 매우 다양하지만 많이 사용되는 style은 있기 마련이다. text-allign으로 가로 정렬을 설정할 수 있다. start: 좌측 정렬 end: 우측 정렬 center: 가운데 정렬 justify: 좌측부터 우측까지 풀로 채워서