블로그 쪼아~♬ 블로그 쪼아~ (◕ᴗ◕✿)

PC / HTML.CSS / GAME / BLOG

아끼고 겸손

전체 글 2422

HTML id=""

id는 이전 과정에서 배웠던 class와 사용 방법은 동일하다. 다른 점은 id는 한 번만 쓸 수 있다는 거다. htnl문서에서 중복되지 않게 잘 확인하고 써야 한다. 특히 티스토리 스킨 편집 때는 더 조심해야 한다. 이미 쓰고 있을지도 모른다. class는 css에서 .(점)을 쓰고 id는 #을 쓴다. 2019/10/15 - [웹코딩 어려워/· HTML] - HTML class="" HTML class="" class는 요소에 이름을 부여해 스타일을 적용하는 태그다. 이름이 같은 class를 부여한 요소는 똑같은 스타일을 받는다. 이 말은 class는 반복 사용할 수 있다는 말. ok! 근데 나 이거 알고 있었다능. 정리만 하.. nilgi.tistory.com - id는 모든 요소에 사용 가능하다. ..

• CSS 2019.10.15

주위 / 주의

주의 [注意] 1. 마음에 새겨 두고 조심함. / 주의 사항.2. 어떤 한 곳이나 일에 관심을 집중하여 기울임. / 주의가 산만하다3. 경고나 훈계의 뜻으로 일깨움. / 주의를 받다4. 심리 정신 기능을 높이기 위한 준비 자세. 유기체가 어떤 순간에 환경 내의 다른 것들을 배제하고 특정한 측면에만 집중할 수 있도록 하는 지각의 선택적 측면을 일반적으로 이르는 말이다.5. 운동 유도에서, 심판이 내리는 벌칙의 하나. 상대편에게 유효(有效)를 뺏기는 것과 같은 효과를 갖는다. - 유의어경고. 마음. 시선. 조심. 충고. 흥미. 조언. 유염. 귀띔 - 반의어부주의 주위 [周圍] 1. 어떤 곳의 바깥 둘레. / 말뚝 주위를 맴도는 잠자리2. 어떤 사물이나 사람을 둘러싸고 있는 것. 또는 그 환경. / 주위 환경..

• 닐쌍 2019.10.15

HTML class=""

class는 요소에 이름을 부여해 스타일을 적용하는 태그다. 이름이 같은 class를 부여한 요소는 똑같은 스타일을 받는다. 이 말은 class는 반복 사용할 수 있다는 말. ok! 근데 나 이거 알고 있었다능. 정리만 하고 넘어가자. 사이에 스타일 태그로 .menu를 컨트롤해준다. div 블록구조에 class로 menu 이름을 부여한다. 스타일에서는 이름 앞에 .(점)을 적어줘야 한다. 그럼 위에 설정한 스타일이 div 구조에 적용이 된다. 참고로 class는 .(점) id는 #을 쓴다. 그리고 id는 반복 사용이 불가능하다. - class는 모든 태그에 사용할 수 있다. - class="name"은 대소문자를 구별한다. 밥 콩밥. 학교온 기분이다. 반찬 콩자반. 탈모 걱정은 없다. 국 정수기 국이 제..

• CSS 2019.10.15

HTML 블록과 인라인

요소의 표시 방법에는 블록 구조와 인라인 구조가 있다. 이 두 단어는 스킨 편집 할 때 몇 번 들어봤다. - 블록 구조 정의 : 항상 새 줄에서 시작하고 전체 너비를 사용한다. 블록 구조의 태그 address article aside blockquote canvas dd div dl dt fieldset figcaption figure footer form h1-h6 header hr li main nav noscript ol p pre section table tfoot ul video - 인라인 구조 정의 : 새 줄에서 시작하지 않고 태그에 포함된 컨텐츠 너비만큼만 사용한다. 인라인 구조의 태그 a abbr acronym b bdo big br button cite code dfn em i img i..

• CSS 2019.10.15

프리미어 프로 : 비디오 전환 효과 - 밀기 - 가운데 분할

오늘 배운 비디오 전환 효과는 밀기의 가운데 분할입니다. 이 효과는 앞 클립을 분할하여 밀어내고 뒤 클립을 보이게 하는 효과입니다. 복습 시작합니다. ▲ 효과 적용은 효과를 클릭하고 클립과 클립 사이에 놓으면 됩니다. 간단하죠? ▲ 타임라인에 적용한 모습입니다. ▲ 적용한 효과를 더 디테일하게 설정하러면 효과 컨트롤 패널을 보면 됩니다. 기본 설정입니다. 테두리 폭은 분할 되는 조각의 테두리를 넣는 겁니다. 필요 없어 보입니다. 반전은 앞, 뒤 클립을 분할 순서를 바꾸는 겁니다. 앤티 앨리어싱은 쓸 필요 없어 보이고요. ▲ 기본 적용입니다. ▲ 이번엔 약간의 값을 조정합니다. 시작점 설정은 화면이 분할 시작을 어디서부터 보여줄지 설정합니다. 조절 바를 움직이면 저렇게 화면이 조금 분할된 상태부터 보여줍니..

HTML 목록 2

* 설명 목록 우리집 반찬 -단백질 콩 두부 -채소 콩 두부 -지방 참기름 식용유 삼겹살 먹고 싶읍니다....ㅜㅜ 우리집 반찬 -단백질 콩 두부 -채소 콩 두부 -지방 참기름 식용유 삼겹살 먹고 싶읍니다....ㅜㅜ 이 태그는 딱히 그냥 들여 쓰기 하면 될 것 같은데요? 그지? =-=? 그냥 살짝 이런 것도 있구나 하고 넘어간다. * 자동 카운팅 되는 순서 있는 목록 start="" 우리집 반찬 밥 콩밥 햇반 꽁꽁언 콩밥 반찬 두부 참치캔 야채참치캔 국물 짠국 싱거운 찌개 라면 국물 삼밥사면 주는 국물 ㅜㅜ 우리집 반찬 밥 콩밥 햇반 꽁꽁언 콩밥 반찬 두부 참치캔 야채참치캔 국물 짠국 싱거운 찌개 라면 국물 삼밥사면 주는 국물 ㅜㅜ start 태그를 이용하면 목록에 자동으로 번호나 순서가 달린다. 시작 번..

• CSS 2019.10.15

HTML 목록

목록을 정의하는 태그 이거 블로그 카테고리 편집할 때 많이 봤다. 익숙하네요. 태그 이름만...=-=; : 순서가 필요 없는 목록으로 목록 앞에 마크가 있다. : 순서가 있는 목록으로 목록 앞에 숫자, 영어 등이 있다. : ul, ol에 들어가는 목록들이다. 순서가 없는 목록 김치 밥 물 김치 밥 물 김치 밥 물 김치 밥 물 순서가 있는 목록 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 순서가 없는 목록 김치 밥 물 김치 밥 물 김치 밥 물 김치 밥 물 순서가 있는 ..

• CSS 2019.10.15

HTML 테이블

티스토리를 하면서 테이블 구조는 사용한 적이 별로 없다. 메이플 정리 할 때나 한 번씩 쓰는데 티스토리 테이블 기능은 너무 미숙해서 별로다. 테이블 기능은 네이버 글 쓰기를 많이 배워야 할 듯하다. 여튼... 테이블 태그는 생각보다 배워야 할게 많다. 정리한 이미지 한 장으로 끝내보자. 찾아라 드래공본 오공의 아내 찌찌는 계왕신보다 위대한데... 눈누난나 이름 성별 나이 비고 손오공 남자 5살-철이 너무 없다. 손오천 남자 10살-오공보다 철이 들었다. 손오천 남자 20살-오반보다 철이 들었다. 이 시국에 일본 만화를 들먹여? 아니요. 드래곤볼은 이미 일본을 벗어나 저의 추억입니다. 저의 추억에는 국적이 없습니다. ㅅㄱㅇ 찾아라 드래공본 오공의 아내 찌찌는 계왕신보다 위대한데... 눈누난나 이름 성별 나..

• CSS 2019.10.15

HTML <picture>

html5 언어에 새롭게 추가된 태그라고 한다. 는 화면 크기에 따라 다른 이미지를 보여 줄 때 쓰나 보다. 태그가 함께 사용한다. 사용 예시를 보면 화면 크기가 최소 800일 때 nilgi_top 이미지를 보여주고 화면 크기가 최소 500일 때 nilgi_top2 이미지를 보여준다. picture를 지원하지 않으면 img를 보여준다. 이 태그는 어느 때 쓰는 걸까? 요즘은 반응형이라 이미지가 화면 크기게 맞게 알아서 조정된다 말이지... 음... 언젠간 써 먹을 날이 없겠지 뭐^^

• CSS 2019.10.15

HTML 배경 이미지

배경 이미지는 css의 background-image를 쓴다. css 아직 안 배웠는데요. ㅡ_ㅡ? 배경 이미지는 기본적으로 요소의 크기보다 작으면 반복된다. 요소의 크기가 뭔가요? div 크기요. ok! 이미지가 반복되지 않게 하려면 를 쓰면 된다. ▲ 이미지가 요소의 크기보다 클 때 요소를 덮게 하는 방법은 를 쓰면 된다. ▲ 이미지가 요소의 크기보다 클 때 요소에 꽉 차에 하려면 를 쓰면 된다.

• CSS 2019.10.14

HTML 이미지 맵

태그는 이미지의 특정 영역을 클릭할 수 있는 부분을 지정한다. 이지미 맵을 쓰려면 먼저 img 태그 안에 usemap 아이디를 만들어야 한다. id는 #id로 만들면 된다. 예를 들어 #nilgi 이런씩으로 자기 마음대로 #이름을 쓰면 된단다. 오호~ okok. 그리고 ~ 쓰면 된다. map에 usemap id를 정의하고. 태그로 영역을 지정하고 링크 태그 주소를 걸면 된다. area 태그도 닫는 태그가 없다. shape와 coords는 맵 영역의 모양과 크기를 정의한다. rect : 사각형 / coords : 사각형 크기의 왼쪽 위 시작 점과 오른쪽 아래 끝점. circle : 원형 / coords : 원의 중심 좌표와 반경 지정. 이거는 티스토리에서 쓰기 좀 힘들 것 같다. 그지?

• CSS 2019.10.14

프리미어 프로 : 비디오 전환 효과 - 몰입형 비디오 - VR 조명 광선

비디오 전환 효과 몰입형 비디오 - VR 조명 광선을 익혔습니다. 영상 편집 기술 프리미어 프로를 포스팅 하는 목적은 복습입니다. 이렇게 배운 내용을 정리하면 잘 안 까먹게 됩니다. 그러니 내용이 부실하더라도 이해해주세요. 그냥 제가 기억하기 좋게 포스팅을 합니다. ▲ 적용하러는 효과를 클릭하고 클립과 클립사이에 드래그 드롭해 놓으면 적용됩니다. ▲ 타임라인에 적용한 모습입니다. 효과는 이렇게 정가운데에 놓을 수도 있고 앞 클립의 끝, 뒤 클립의 앞에 정확하게 놓을 수도 있습니다. 기본은 가운데 위치합니다. ▲ 효과 컨트롤 패널 모습니다. 오른쪽 작은 화면을 보면 앞 클립이 있고 중간에 효과가 있고 아래에 뒤 클립이 위치합니다. 효과를 컨트롤할 때는 타임바를 이렇게 중간에 놓고 하는 게 보기 편합니다. ..

아싸! 무기 업그레이드!!!

매주 월요일 자정에 유니온 코인샵이 초기화된다. 일단 일일 보스 가볍게 돌아주고 제일 먼저 하는 일 장인의 큐브 3개 지르기.^^ 소소하지만 나 같은 무과금들에겐 아주 좋은 기회다. 3개 질러볼까~요!!! 나의 템들은 레전드리 1개랑 유니크 1개 나머지는 전부 에픽이다. 그래도 스공 160만이고!!! ㅋㅋ 오늘 드디어 무기를 유니크로 만들었다능~+o+)/ 10000세!!! 장인의 큐브 3개 살 수 있는데 3개째에 유니크로 업그레이드!!! 이제 공 15% 만들어야지. 다음 주 월요일 자정에 보자!!! 그리고 요즘은 몬방이 거의 필요 없다는 소리를 들었다. 지금 방무가 93%인데 더 필요 없겠지??? 그리고 1주일 정산해보니 9억메소 정도 생겼다. 일일 보스 + 하루 30분 정도 사냥.

• 오락실 2019.10.14

HTML 링크

html 링크 태그 ~ * 기본 정의 내용 예] 닐기 티스토리 href는 링크 대상 주소를 지정한다. 링크는 텍스트, 이미지 등 모든 대상이 될 수 있다. * 링크 색 방문하지 않은 링크 - 파란색 글씨 + 밑줄 방문한 링크 - 자주색 + 밑줄 활성화된 링크 - 빨간색 + 밑줄 링크의 색상과 밑줄은 스타일 태그로 변경 가능하다. link : 링크가 걸린 요소 visited : 방문한 링크 대상 hover : 링크에 마우스를 올렸을 때 active : 마우스를 클릭했을 때 * 링크가 열리는 위치 지정 _blank : 새 창 _self : 기본 값으로 링크가 걸린 동일 창 _parent : 상위(부모) 프레임 _top : 전체 _framename : 지정된 프레임 예] 닐기 티스토리 * 이미지에 링크 걸다...

• CSS 2019.10.12

토론 / 토의

토론 - 討論어떤 문제에 대하여 여러 사람이 각각 의견을 말하여 논의함.서로 다른 주장을 가지고 있는 사람들이 자기의 주장을 펼쳐 상대방을 설득이 목적. 토의 - 討議어떤 문제에 대하여 검토하고 협의함.사안에 대해 협의하는 것이 목적. 討 칠 [토]치다. 때리다. 공격하다. 정벌하다. 다스리다. 찾다. 탐구하다. 연구하다. 더듬다. 어지럽다. 비난하다. 책망하다. 論 논할 [론]논하다. 논의하다. 서술하다. 말하다. 언급하다. 따지다. 문제 삼다. 議 의논할 [의]의논하다. 토의하다. 책잡다. 가리다. 분간하다. 의견. 주장. 의논.

• 닐쌍 2019.10.12