노트북 배터리 오래쓰는법 몇가지 꿀팁:) 안녕하세요 물레방아토끼 입니다:) 노트북 배터리 오래쓰는법에 대해 몇가지 포스팅 할까 하는데요 이글을 쓰는이유는 제가 노트북산지는 몇달 안됐는데 노트북을 잘 쓰고 싶어 노트북 배터리 오래쓰는법을 가져왔네요 ㅎㅎㅎ 제가 컴맹이라 좀 미흡한점 봐주시고~~ㅎㅎ 더 아시는거 있으시면 댓글달아주시면 감사하겠습니다:) 1. 노트북 배터리 오래쓰는법 - 배터리가 0% 될때까지 쓰지 않는다. 노트북을 사용할때 뱉리가 0% 될때까지 쓰지 않는것이 좋다고 하네요 노트북 배터리가 리튬 이온 전지로 들어가면 완전 배터리가 0%가 사용하는건 좋지 않으며 배터리 20% 정도가 됐을때 충전을 해주는것이 노트북 배터리 수명을 단축시키지 않는 방법이라고 합니다. 또 반대로 배터리를 과도하게 충..
색상을 입력하는 가장 간단한 방법은 다음 코드와 같이 색상에 해당하는 영단어를 입력하는것 이다. 하지만 영단어로 표현할수 있는 색상은 제한되어 있기 때문에 CSS3에서는 색상을 단위를 제공한다. HEX 코드 단위에서 색상을 16진수로 표현할때는 각 색상 요소에 00에서 FF사이의 값을 입력한다 16진수는 F는 10진수 16을 의미하므로 16x16=256을 나타냄 RGB 색상단위와 같으므로 쉽게 사용할 수 있다. 색상 선택이 힘들다면 COkirPicker은 같은 색상선택 도구를 사용해보는것도 좋다 RGB 색상 형태 rgb(red,green,blue) 설명 R(빨간색)과 G(초록색)와 B(파란색)을 조합해 색상을 표현하며, 0부터 255사이의 숫자를 입력합니다. 예 RGBA 색상 형태 rgba(red,gre..
단위 설명 % 백분율단위 em 배수단위 px 픽셀단위 % 백분율단위 적용하기 %단위는 기본으로 설정된 크기 기준으로 상대적인 크기를 지정한다. 이때 100%가 초기에 설정된 크기이다. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Lorem ipsum dolor, sit amet consectetur adipisicing elit. em 단위 예시 em은 굉장히 유용한 크기 단위이다. em은 배수를 나타내는 단위이다 1배=1em=100%이고 1..
형태 설명 :first-child 형제관계에서 첫번째 등장하는 태그선택 :last-child 형제관계에서 마지막으로 등장하는 태그선택 :nth-child(수열) 형제관계에서 앞에서 수열번째로 등장하는 태그선택 :nth-last-child(수열) 형제관계에서 뒤에서 수열 번째로 등장하는 태그 선택 /****nth-child(수열) 앞에서부터 센다 nth-last-child(수열) 뒤에서부터 센다 이 두요소는 특정 순서에 있는 요소를 선택할때 사용하는 선택****/ 구조선택자를 사용해 홀수와 짝수 위치를 판별하고 스타일을 적용한다. 처음 태그와 마지막 태그에는 둥근 마지막 태그에는 둥근 테두리가 적용되고, 홀수와 짝수 번째에는 각각 다른 색상의 스타일이 적용됨 첫번째 두번째 세번째 네번째 다섯번째 여섯번째 ..
상태선택자는 입력 양식의 상태를 선택할때 사용한다. disabled는 input 태그에 값을 입력할 수 없는 상태 , input 태그 하나에만 포커스를 둘 수 있음. 형태 설명 :checked 체크상태의 input 태그선택 :focus 포커스를 맞춘 input 태그 선택 :enabled 사용 가능한 input 태그 선택 :disabled 사용 부가능한 input 태그 선택 사용가능 사용 불가능
반응선택자는 사용자 반응으로 생성되는 특정한 상태를 말함. 사용자가 특정 태그 위에 마우스를 커서 올리면 hover 상태고, 특정 태그를 마우스 클릭하면 active 상태 예제 결과를 보면 글자 위에 마우스 커서를 올리면 빨간색이 적용되고, 클릭하면 파란색이 적용이 된다. 형태 설명 :active 사용자가 마우스를 클릭한 태그 선택 :hover 사용저거 마우스를 커서 올린 태그 선택 반응선택자
margin과 absoulte 활용 원하는 요소를 position : absoulte; 를 사용해서 브라우저 가운데로 오려고 하려면, 이동하고자 하는 요소의 가로 세로 사이즈 반의 크기만큼 margin을 활용해서 -값을 준다 /*****반만큼 나눌때 border 테두리를 줬을때 테두리 값을 더해야 한다 예를들어 border 10px이면 width 값이 100px이 아니라 120px에서 반으로 나뉘어 60px이라고 생각해야 한다 이유는 width가 양쪽 합산 해서 120 / 2 인거다 *******/ width / 2 = X height /2 = Y margin-left = X; margin-top: Y;
후손선택자 body 태그 내부는 계층구조로 나타낼수 있는데 div 태그 기준으로 바로 한단계 아래에 위치한 h1태그 h2태그 ul 태그를 자손이라 하며 div 태그 아래에 위치한 모든 태그를 후손이라고함 형태 설명 선택자 A 선택자 B 선택자 A의 후손인 선택자 B 선택 h1 태그를 선택하지만 후손 선택자를 사용해 특정한 대상의 후손이라는것을 구별함 #header 태그 아래에 위치한 h1 태그에는 빨간색을 적용하고, #section 태그 아래에 위치한 h1태그에는 주황색을 적용함 Lorem ipsum dolor sit amet consectetur Navigation Lorem ipsum Lorem ipsum, dolor sit amet consectetur adipisicing elit. 1 선택자를 ..
속성 선택자는 특정 속성과 값이 있는 태그를 선택할때 사용함 속성과 같은 대괄호( [ ] )를 사용해 입력함 input 태그는 이름이 모두 같지만 type 속성에 따라 형태가 다름 그래서 input 태그를 선택할 때는 속성 선택자를 많이 사용함 속성 선택자 선택자[속성=값] input[type=text] 선택자[속성~=값] div[data-role~=row] 선택자[속성|=값] div[data-role|=row] 선택자[속성^=값] div[data-role^=row] 선택자[속성$=값] div[data-role$=row] 선택자[속성*=값] div[data-role*=row]
종류 형태 설명 전체선택자 * HTML 페이지 내부의 태그를 모두선택 태그선택자 태그 HTML 페이지 내부으 특정 태그를 모두 선택 아이디 선택자 #아이디 특정 id 속성이 있는 태그선택, 웹표준에 id속성은 웹페이지 내부에서 중복되면 안된다는 규정이 있으므로 아이디 선택자는 특정 태그 하나를 선택할때 사용 클래스 선택자 .클래스 특정 클래스가 있는 태그선택 전체선택자 적용하기 제목글자 HTML5 EXample Preview 태그 선택자 적용하기 한꺼번에 선택자를 여러개 스타일을 적용할때는 쉼표를 사용 제목글자 HTML5 EXample Preview 아이디선택자 공간 분할 태그에 아이디 선택자를 사용해 id 속성을 적용하고 레이아웃을 구성함 *웹 페이지 내부에서 id 속성을 중복해서는 안됨* *자바스크립..
시맨틱은 '의미론적인' 이라는 의미임 태그 설명 header 머리말(페이지 제목, 페이지소개) nav 하이퍼링크들을 모아 둔 네비게이션 aside 본문 흐름에 벗어나는 노트나 팁 section 문장의 장이나 절에 해당하는 내용 article 본문과 독립적인 콘텐츠 영역 footer 꼬리말(저자나 저작권 정보)
HTML5 대표적인 공간 분할 태그는 div 태그와 span 태그가 있음 div태그는 공간을 블록 형식으로 분할하고 span 태그는 공간을 인라인 형식으로 분할함 태그 설명 div 블록형식으로 공간분할 span 인라인 형식으로 공간 분할 공간을 블록 형식으로 분할하기 div태그 block 형식 div태그 block 형식 div태그 block 형식 div태그 block 형식 div태그 block 형식 span태그 inline형식 span태그 inline형식 span태그 inline형식 span태그 inline형식 span태그 inline형식 블록형식태그 인라인 형식태그 div태그 span태그 h1~h6태그 a태그 p태그 input태그 목록태그 글자형식태그 테이블태그 입력양식태그