My footsteps
*레이아웃 CSS* HTML 태그 블록요소 : 세로로 배열되는 HTML 태그(줄바꿈이 되는 태그) 인라인 요소 : 가로로 배열되는 HTML 태그(줄바꿈이 안되는 태그) > 크기지정 불가XX display : 속성값; 가로배열, 세로배열 변경 속성값 ▶ block : 세로배열로 만듦 ▶ inline : 가로배열로 만듦 (width,height 등 일부 블록요소 속성이 안먹힘) ▶ inline-block : 가로배열(=inline)이지만 블록요소(=세로배열)의 속성이 적용되게함 ▶ none : 내용을 결과에서 숨겨줌 position : 속성값; 박스(=구역)의 위치를 원하는 곳으로 이동 속성값 ▶ relative(부모박스) : 부모박스에 적용하면 위치를 수정할 수 있다. 움직이는 박스를 가지고 있는 구역 >..
1에 가까울수록 선명(opacity)=불투명도 1에 가까울수록 투명(tranparency)=투명도 *배경색 background-color : 속성값; 1. 영문으로 입력 : red,green,blue,white 2. RGB 값으로 입력: rgb (red,green,blue) > rgb는 000~255 사이 세자리 숫자로 농도 지정 3. rgba 값으로 입력: rgb(red,green,blue,alpha) > rgb는 000~255 사이 세자리 숫자로 농도 지정 > a는 0~1사이 숫자로 투명도 지정(0에 가까울수록 투명함) 4. 16진수로 입력 : #00ff00 *배경이미지: background-image: url('이미지 주소'); 이미지가 상하좌우 반복되서 적용됨 *이미지 크기 : background..
▶text-decoration: 속성값 글자의 선을 표시 해준다 *속성값: none 밑줄 제거 (링크에 해당) underline 밑줄 overline 윗줄 line through 가운데줄,취소선 underline solid 한줄 밑줄(solid 생략 가능) underline double 이중 밑줄 underline dotted 점선 밑줄 underline dashed 파선 밑줄 ▶text-align *속성값: left 왼쪽정렬(생략가능) center 가운데맞춤 right 오른쪽맞춤 justify 양쪽에 딱 붙게 간격을 맞춤 ▶vertical-align : 속성값 세로정렬(이미지,폼요소[input]) * 속성값: top : 박스 상단에 배치 middle : 박스의 세로 중앙에 배치 bottom : 박스의 ..
css 파일 첫줄 무조건 입력 : @charset utf-8; (이걸 입력해줘야 여러장비,브라우저에서 오류 없이 css가 동작한다.) 다양한 브라우저에서 css 정상 작동하게 하려면? 스타일 속성 앞에 접두사 붙이기 ※접두사: 브라우저 작동 방식 표시 -webkit- 웹키트 방식 브라우저(크롬,엣지,사파리 등) -moz- 게코 방식 브라우저(파이어폭스,모질라 등) -0- 오페라 브라우저 -ms- 마이크로소프트 인터넷 익스플로러 브라우저 (사용 안함X) *예시* p:hover{-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transf..
허저비 하지만 그래두 뿌듯하다..내배카 강의 복습하면서 생코 강의도 듣는데 강의 커리큘럼이 얼추 맞아서 짬짬히 만들어봤다. 부담감 갖고 만든다기보다 걍 난 초보자니까~이렇게라도 하는게 어디야 ㅎㅎ 하는 심정으루.. html/css만 이용해서 만들었다(웅웅 설명 안해도 그래보여용 ㅎ;;) 원래 반응형도 넣었었는데 폰으로 볼때 뭔가 비율이 이상해서 없앴다 (근데 없애도 똑같음..웹페이지 사이즈 조절하는 뭔가가 또 있나?ㅠㅠ) 만들면서 태그가 먹히지 않는 문제점들이 몇번 생겼는데 대부분은 해결했다!!! 크흐..내가 알고있는 지식들로 문제가 해결될때의 짜릿함이란...초심잃지 말고 오바하지 말고!! 꾸준하고 조용히 성실하게 앞으로도 배워나가쟝