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만 이용해서 만들었다(웅웅 설명 안해도 그래보여용 ㅎ;;) 원래 반응형도 넣었었는데 폰으로 볼때 뭔가 비율이 이상해서 없앴다 (근데 없애도 똑같음..웹페이지 사이즈 조절하는 뭔가가 또 있나?ㅠㅠ) 만들면서 태그가 먹히지 않는 문제점들이 몇번 생겼는데 대부분은 해결했다!!! 크흐..내가 알고있는 지식들로 문제가 해결될때의 짜릿함이란...초심잃지 말고 오바하지 말고!! 꾸준하고 조용히 성실하게 앞으로도 배워나가쟝

8. 가상클래스(링크) 선택자: a:동작{속성:속성값;} *동작 ▶a:link = 링크된 글자를 보고만 있을때 스타일 (text-decoration속성으로 링크 누르기전에 밑줄뜨는거 없앨수도 있다) ▶a:visited = 링크된 글자를 클릭했을때 스타일 ▶a:hover = 링크된 글자에 마우스를 올렸을때 스타일 ▶a:active = 링크된 글자가 활성화 됐을때 스타일(올렸다가 치웠을때) ▶a:focus(키보드의 동작을 의미한다) = 키보드 tap키로 링크를 선택했을때 스타일 적용: ▶똑같은 html 태그를 꾸며줄때는 작성된 스타일 순서의 영향을 받음 (맨 밑에 있는 명령이 가장 우선의 명령이 됨,단!!!!"동일한"태그를 꾸밀때만임) https://www.youtube.com/" target="_balnk..