CSS
-
[TIL] 엘리스 SW 엔지니어트랙 2기 - css (Week1,Day4)IT/엘리스SW 2022. 4. 7. 18:34
엘리스 SW엔지니어 트랙 2기 DAY_4 📝 목차 오늘의 잡담 Transform Transition Animation 미디어쿼리 📢오늘의 잡담 오늘은 개인적으로 수업 듣는 날. 강의가 의외로 짧다..?! 어쨌거나 7시간은 채워야하니 켜놓기는 하는데 가만히 있을순 없고, 미리 til을 작성해보자 ! 어제 배운 transition과 transform, 미디어쿼리를 조금 더 심도있게 배웠다. 그때 그때 배우면 이해는 가는데, 왜 막상 적용해보려하니 헷갈리고 고민되는지 😖 하나씩 vscode로 다시 살펴보면서 이해력을 높여보자 (오늘은 시간도 많이 남았으니까~) 다들 7시간 어떻게 채우냐고 아우성이었는데 , 오늘 디스코드를 보니 정확히 어떤식으로 운영되는지 안내가 나와 좋았다. 사진에서와 같이 기준 1,2를 모..
-
[TIL] 엘리스 SW 엔지니어트랙 2기 - html, cssIT/엘리스SW 2022. 4. 5. 18:04
엘리스 SW엔지니어 트랙 2기 DAY_1 오늘부터 TIL 적어보려고한다. 뭔가 구분지어 올리기엔 배운게 많고.. 다 정리하자니 글이 너무 많아지고.. TIL을 적긴하는데 조금 아쉽긴 하네 나중에 한 눈에 찾아보기가 쉽진 않을듯 TIL 잘 적는 사람 찾아보고 따라써야겠다 😁 💻 웹 3가지를 고려하여 만들어야한다. 1. 웹 표준 2. 웹 접근성 3. 크로스 브라우징 🧐 html, CSS 0. article 태그 Article 태그(문서의 주요 이미지나 텍스트 등의 정보를 담고 구역을 설정하는 태그)에는 h# 태그가 필수로 들어가야한다. 이러쿵저러쿵 #은 h1~h6 중 뭐 넣어야된다는거 1. main 태그 main 태그 : 문서의 중요내용을 담는 태그, 익스플로러를 지원 안해줘서, role=main이라고 써줘..
-
[CSS] 선택자IT/CSS 2022. 3. 20. 02:03
내가 쓰다 헷갈려서 작성하는 선택자쓰기 선택자는 웹 문서에서 어느 부분에 스타일을 적용할지 알려 주는 것이며, 선택자를 사용하는 방법은 미리 약속되어 있습니다. ✨전체 선택자 * { 속성: 값; ......} ✨타입 선택자 태그명 {스타일 규칙} 타입 선택자는 태그 이름을 선택자로 사용하므로 태그 선택자라고도 하고, 스타일을 적용하는 대상이 요소이므로 요소 선택자라고도 한다. 특정 태그를 사용한 모든 요소에 스타일을 적용한다. ✨클래스 선택자 .클래스명 {스타일 규칙} .(점)이 붙는다 특정 부분만 선택해서 스타일을 적용하려면 클래스 선택자를 사용한다. ✨id 선택자 #아이디명 {스타일 규칙} 클래스 선택자와 마찬가지로 웹 문서의 특정 부분을 선택해서 스타일을 지정할 때 사용한다. 마침표(.) 대신 # ..