WINK-(Web & App)/HTML & CSS & JS 스터디 (128) 썸네일형 리스트형 [2023 신입부원 기초 스터디] 정찬우 3주차 - css 너 정말... CSS Float float 속성 값 none - 기본값으로 요소를 띄우지 않음 left - 왼쪽에 띄움 right - 오른쪽에 띄움 inherit - 부모 요소로부터 상속함 initial - 기본값으로 설정함 clear 속성 값 clear: none; - 기봇값 clear: left; - 왼쪽을 취소 clear: right; - 오른쪽을 취소 clear: both; - 왼쪽 오른쪽 둘다 취소 CSS Position position 속성 static(기본 값) - relative -요소가 자신의 static 위치에서 top right bottom left와 같은 속성에 의한 상대적인 위치에 배치된다. absolute - absolute는 position: static속성을 가지고 있지 않은 부모를 기준으.. [2023 신입부원 기초 스터디] 박민규 #3주차 - 기초부터 화악시일히이잉 float 속성 - none : 기본값으로 요소를 띄우지 않음 - left : 웹페이지의 왼쪽에 띄움 [2023 신입부원 기초 스터디] 최종은 #3주차 - CSS 딥-하게 학습하기 float 속성 HTML 요소에서 이미지를 어떻게 텍스트와 함께 배치할 것인가에 대한 속성 none left right inherit initial 요소를 띄우지 않음 왼쪽에 띄움 오른쪽에 띄움 부모 요소로부터 상속함 기본값으로 설정 clear 속성 clear:none; clear:left; clear:right; clear:both; 기본값 왼쯕 취소 오른쪽 취소 좌우 취소 position 속성 HTML요소 배치 방법을 지정 static relative absolute fixed sticky 기본 배치상태 기본 배치상태이지만 top,right,bottom,left와 같은 속성을 자신 기준으로 적용 어려웡.. 다시 공부하겠습니다 움직이더라도 요소가 특정 위치에 고정되어있음 움직이다가 특정 위치에 도착하면.. [2023 신입부원 스터디] 박승환 #3주차 - CSS를 마무리하며..... @@ 시험기간으로 인해 1 주 정도 건너뛰고 들으니 다시 복습해야 하는시간이 필요했다. 내가 쓴 블로그를 보고 강의도 다시 보며 복습하니 문뜩 내 블로그가 너무 설명만 한다는 느낌이 들었다. 그래서 설명보다는 내가 느낀 점에 대해서 기술해보려한다. @@ float 속성 띄운다는 사전적 의미를 가지는 것 처럼 이는 HTML요소들을 왼쪽 오른쪽에 배치를 하는 것이다. 배치한다는 의미는 다른 요소들과 어울리도록 띄워지는 것으로 이해 하였다. 사진을 예를들면 본문에 글이 있다면 글 왼쪽에 사진을 띄우고 싶다면 float: left; 글 오른쪽에 사진을 띄우고 싶다면 float: right 를 사용하면 된다. float: left를 한 모습 여기서 주의할 점은 float를 할 경우 주위에 모든 것을 포함하기 때문.. [2023 신입부원 기초 스터디] 이총명 #3주차 1 . float 속성 HTML 요소에 float이 적용되면 그 요소는 흐름에서 벗어나 둥둥 떠다니듯 배치된다. 즉 float을 적용한 요소를 다른 요소들이 감싸는듯이 보이게된다. none - 기본값으로 요소를 띄우지 않음 left - 왼쪽에 띄움 right - 오른쪽에 띄움 2. clear 속성 clear는 float값을 취소한다. clear:none; - 기본값 clear: left; - 왼쪽 취소 clear: right; - 오른쪽 취소 왼쪽 오른쪽 구분하기 귀찮으니까 그냥 clear:none을 사용하도록 하자 3. position 속성 position 속성은 HTML 요소를 배치하는 방법을 지정합니다. static (기본값) static은 요소가 HTML 문서에서 일반적인 흐름을 따라 배치가 되게.. [2023 신입부원 심화 스터디] 정호용 3주차 - Part 4 💡문자열 메소드 💡배열 메소드 💡객체 심화 💡구조분해할당 [2023 신입부원 기초 스터디] 조상혁 3주차 - CSS와 친해지기 float 속성 float 의 사전적 의미는 "뜨다" HTML 요소에 float이 적용되면 그 요소는 흐름에서 벗어나 둥둥 떠다니듯 배치된다. 자주 사용되는 속성값 none - 기본값으로 요소를 띄우지 않음 left - 왼쪽에 띄움 right - 오른쪽에 띄움 inherit - 부모 요소로부터 상속 initial - 기본값으로 설정 clear 속성 clear는 취소하다는 뜻으로 float: left; 또는 float: right; 값을 취소한다. 속성값 clear:none; - 기본값 clear: left; - 왼쪽 취소 clear: right; - 오른쪽 취소 position 속성 HTML 요소를 배치하는 방법을 지정 static - 요소가 html 문서에서 일반적인 흐름을 따라 배치되게 하며,기본값이.. [2023 신입부원 심화 스터디] 이정욱 #3주차 - 보충 수업 Part1, 2 1. 문자열 메소드 1) toUppercase(), toLowerCase() 모두 대문자로 바꿔주거나 소문자로 변환해줌 2)trim(), trimStart(), trimEnd() trim()은 모든 공백 삭제 trimStart()은 앞쪽 공백 삭제 trimEnd()은 뒷쪽 공백 삭제 3)repeat() repeat에 반복 횟수를 넣어주면 해당str이 반복 횟수만큼 반복함. 4)padEnd(), padStart() padding해줄 간격과 그 간격 만큼 채워 넣을 문자를 입력해주면 그만큼 padding을 채워 넣어 준다. 5)indexOf() 특정 문자열이 문자열 인덱스 어디 부분에 있는지 찾아줌. 만약에 특정 문자열이 없다면 -1을 리턴 6)includes() 특정 문자열을 포함하고 있는지 확인하여 tr.. 이전 1 ··· 9 10 11 12 13 14 15 16 다음
