[HTML / CSS / JS] 복습하기

📢 영역을 나누는 형식 

 

- block 형식 : 여러 행을 만드는 것으로 크기 지정(width,height) 사용 가능함

                      (p/pre(문단 나누기),h1 ~ h6(제목 영역 나누기) hr(수평선을 넣어서 화면 나누기), div(영역 나누기)

 

- inline형식 : 여러 열을 만드는 것으로 크기 지정(width,height) 사용 불가능 

                       strong/b(글자를 굵게), em/i(글자 기울기),mark(글자의 배경색), span(한 줄을 나누는 용도)

 

📢  src 속성 확인 

 

- .. : 상위 폴더 

- / : 아래, 안쪽, 안에 

 

📢 radio와 checkbox

: 여러 관련된 값을 묶어서 선택하는 경우에 사용하는 input type

   묶음으로 다룰려는 input 태그들은 반드시 같은 name 속성 값을 가져야한다!

 

📢 from 태그 

 from 태그 안에  input  태그의 type이 radio,checkbox 선택 시

전달되는 값이 'on'으로 나올때는 value속성을 추가하면 된다. 

 

📢 textarea 태그 

<textarea cols="70" rows="5" style="resize:none;"
placeholder="placeholder 가능합니다!&#;&#10;이렇게 쓰면 됩니다."name= "ta">텍스트 작성중...
제목 : 
내용 : 
작성장 : 
</textarea>
<button type="submit">제출하기</button>

</form>

📢 css 선택자 우선순위 

1순위 : css 속성 : 속성값 !important; 무조건 반영!

2순위 : inline-style 속성 (요소에 직접 작성되는 style 속성)

3순위 : 아이디 선택자(#id 속성명)

4순위 : 클래스 선택자(.class 속성명)

5순위 : 태그 선택자(태그명)

 

📢 input 태그시, 사용할 수 있는 것 

- autocomplete = "off" : 자동완성 미사용

-  required : 필수 사용 input 태그

-  border : 0 (input 태그 네모박스 없애기)
-  outline : 0 (input 클릭 시 테두리 없애기)