본문 바로가기

분류 전체보기

 (100)
9/13 생활코딩 web2 css 마지막 공부~ 1. 이거 아톰인데 파일에 우클릭-스플릿 라이트 하면 이렇게 나란히 볼 수 있다. ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 1. 앞뒤 스타일 태그 뺴고 모든 css 코드 복사 2. style.css 파일 만들고 여기다 붙여넣기 3. 스타일 태그 지워버리고 , 그 위치에 . 이게 바로 링크태그. 하.. 안돼서 한참을 다시 시도했다. 결국 알아냄... 스타일 태그중에 .... #grid 이걸 뭐라부르더라 샵 태..
ㄴ9.11 생활코딩 세번째 css공부^^ - 그리드 이어서 , 반응형 디자인 (미디어쿼리 (참고: 이전 글에 리스트에 ol이 없는데 없으니 배치가 이상하게 돼서 ol을 추가했다.) 1. div로 묶은 태그와 리스트 태그를 하나의 그룹으로 묶고 그리드에 포함되는 요소로 사용하려면 저 두개를 감싸는 공통의 부모태그가 필요하다, 그것도 div 태그로 할 수있다. = 탑 정글 미드 바텀 서포터 탑은 소환사의 협곡에서 EU 스타일 포지션 중 상단 라인에서 챔피언을 플레이하는 포지션을 지칭한다. 정글, 미드와 함께 상체를 구성한다. 하지만 상체 중에서는 가장 영향력이 낮은 것으로 평가되고 있으며, 상체 메타가 올 때에는 어느 정도의 영향력이 있지만, 하체 위주의 메타에서는 전 라인 중 가장 낮은 영향력을 보여준다 (출처 - 나무위키) 맨 앞과 맨 뒤의 div태그가 부모태그고 그 두 div 이외의 태그가..
22.9.10 생활코딩 css 강의 2번째 공부시간 css박스모델과 그리드를 배웠다. 1. 아톰 프로그램에서 html -> 엔터 하면 hyml의 기본적인 코드가 나옴. 1-1. style 엔터 하면 스타일 기본 코드 나옴. 3. h1{ border-width:5px; border-color:red; border-style: solid; } a{ border-width:5px; border-color:red; border-style: solid; } = h1, a 태그 전부 테두리에 5픽셀의 빨간색의 단선 긋는 방법이다. 그런데!!!! 중복이 있네요. 이 코드를 압축하면? 1차 압축 h1, a{ border-width:5px; border-color:red; border-style: solid; } 2차압축 h1, a{ border:5px solid red; } (순서는 중요하지 않음) 4..
22.9.8 생활코딩 css 강의 시작 1. = css를 사용하기 위해서 스타일 안에 css문법을 넣어야한다 (a } 는 선택자 a사이에 컬러블랙은 효과 라고 한다) a(링크걸린거) 전부의 색깔을 빨강으로 바꾸라는 뜻임 2. css 사용하는 이유:하나를 바꾸면모든것이 바뀜 편하고쉽다(효율적임) ,유지보수가 훨씬 편리하다. , html이 정보에 전념하게 하기 위해 html에서 디자인의 기능을 뺏어온 것이다. 3.코딩 잘하는 방법: 중복의 제거. 4.탑 = 직접 스타일태그 사용한 경우에는 선택자 선택할필요없다 ( 웹페이지 안에 css 삽입하는 두번째 방법이다.) 5. a { color:black; text-decoration: none; } = 이 웹페이지에대한 모든 a태그의 밑줄이 없어진다. 안띄고 한줄로 써도 됨) 6. 탑 =요 부분만 밑줄긋..

티스토리툴바