본문 바로가기

728x90

📌 Language/HTML&CSS3

[CSS] Flex 속성 알아보기 (List of flex properties) 안녕하세요 Foma 💻 입니다. 오늘은 CSS에서 쉽게 레이아웃을 할 수 있는 Flex에 대해 알아보도록 하겠습니다. 바로 시작할게요~ flex-basis 플렉스 안에 있는 요소의 기본 크기를 설정하는 속성 50px 100px 50px 1. px이나 em으로 직접 지정하기 파란색 박스 300px로 늘리기 (여기서 nth-of-type(2)는 flex안에 있는 요소 중 2번째를 의미합니다.) flex-basis: 300px; 하지만 글자의 길이보다 짧게 지정했을 땐 글자 길이 만큼만 조정됩니다. 2. 키워드로 지정하기 키워드로 지정하기 위해서 파란색 박스의 텍스트 길이를 늘리겠습니다. abcdefg hijklmnop qrstuvwxyz 1. fill 텍스트 길이에 딱 맞게 조정됩니다. flex-basis:.. 2022. 2. 22.

[CSS] 컬러에 관한 속성 알아보기 (List of color properties) 안녕하세요 Foma 💻 입니다! 오늘은 CSS 속성 중 컬러에 관련된 속성에 대해서 알아보려고 합니다! 바로 시작할게요~ color text 및 text-decoration 등의 색을 정하는 속성 색깔을 지정하는 방법은 6가지가 있습니다. 1. name 2. hex 3. rgb 4. hsl 5. hwb 6. global 안녕하세요 안녕하세요 안녕하세요 안녕하세요 2022. 2. 22.

[CSS] CSS란? (feat. 구문 작성하는 방법) 안녕하세요 Foma 💻 입니다! 요즘 리액트 네이티브를 공부하고 있는데 CSS에 대한 기억이 가물 가물해서 헷갈리더라구요.. 그래서 CSS에 대해 다시 한번 제대로 정리하고 넘어가려고 합니다. 바로 시작할게요~ CSS란? Cascading Style Sheets의 줄임말이며 직독하면 계단식으로 작성하는 스타일 시트입니다. 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어로 HTML과 XML에서 사용할 수 있습니다. HTML이 웹사이트의 몸체를 담당한다면 CSS는 그 몸체를 예쁘게 꾸미는 역할을 담당한다고 할 수 있습니다. 1994년 하콤 비움 리가 처음 제안하여 이후 W3C에서 CSS2,CSS3를 개발해왔습니다. CSS 구문 작성하는 법 원하는 HTML 요소를 선택한 뒤 바꾸고 싶은 속성을 선택하.. 2022. 2. 22.

이전 1 다음

728x90

티스토리툴바