[css] 웹 페이지의 살 붙이기 - css파일로 불러오기
·
Front/css
● style 우선순위 이렇게 요소를 선택해서 꾸미고 있는데 모든 클래스로 이름을 맞춰주고 css 작성까지 완료 하였는데 부득이하게 하나만 바꿔야 할 때가 온다면 그냥 타입 안에 style을 적어서 꾸며 주면 된다. 그렇게 되면 자기 태그 내에서도 스타일을 적용 한 것이 가장 우선순위가 되어 그게 적용이 된다. bbb fff ● css 파일로 style 불러오기 자주쓰는 스타일이라면 해당 css를 파일로 저장하여 필요 할 때 불러오기 하면 사용하기가 용이해진다. 따라서 꾸민 요소들을 css파일로 따로 저장 해줘서 링크를 불러와서 사용 하는것이 코드가 깔끔해지고 보기 좋다. ▶저장 되어 있는 css 코드 @charset "EUC-KR"; h1{ background-color : yellow; text-al..
[css] 웹 페이지의 살 붙이기 - 요소 선택
·
Front/css
웹페이지에 살을 덧붙이기 위해 CSS 해 줄 요소를 선택 할 수 있다. 요소 선택은 태그명, id, class 등으로 선택 할 수 있다. 일전에 자세히 알아보고자 했던 name, id 역시 css 사용 시 요소 선택에 필요한 것들로 어떤 뼈대에 살을 붙여 줄 것인가를 정하는 이름인 것이다. [html] 웹 페이지의 기본 뼈대 - 다양한 Form 양식 태그 : 사용자가 입력한 데이터를 수집하여 서버로 전송하는 처리를 한다. 전송방식에는 get 과 post 방식이 있다. get 방식은 입력 데이터를 url 에 연결하여 전송함으로 웹페이지 주소와 함께 그대 henniee.tistory.com 위의 구문에서도 form 형식의 name 이 f , id 가 myform 으로 해당 form 의 이름을 새로 정의 해 ..
[css] 웹 페이지의 살 붙이기 - css란
·
Front/css
CSS (Cascading Style Sheets) : 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. 문서는 일반적으로 마크 업 언어를 사용하여 구성 된 텍스트파일이다. 이 텍스트 문서를 스타일링하는데 사용 되는 것이 css이다. 예를 들어, 제목 및 링크의 색상과 크기 변경 혹은 레이아웃을 만드는데 사용 할 수 있다. CSS 구문 css는 규칙 기반 언어로 웹 페이지의 특정 요소 또는 요소 그룹에 적용 할 스타일을 지정하는 규칙을 정의한다. 예를 들면 나는 제목은 파란색의 굵은 글씨체로 지정할 것이다. 라는 문구를 표기 해 주는 것과도 같다.
[html] 웹 페이지의 기본 뼈대 - 다양한 Form 양식
·
Front/html
태그 : 사용자가 입력한 데이터를 수집하여 서버로 전송하는 처리를 한다. 전송방식에는 get 과 post 방식이 있다. get 방식은 입력 데이터를 url 에 연결하여 전송함으로 웹페이지 주소와 함께 그대로 노출 된다. 반면, post 방식은 패킷 안에 데이터를 담아서 전송하기 때문에 정보가 외부에 보이지 않으므로 데이터 보안에 좋다. name 과 id 도 지정가능함으로 값을 불러오는 일 있을 때 간편하게 사용 가능하다. 이건 다음에 자세히 알아보도록 하쟈 1) 텍스트 박스 한 줄 입력 박스로 input type에 text로 설정하고 텍스트를 입력 할 수 있는 박스이다. 텍스트박스의 속성에는 disabled 와 readonly 있다. disabled는 사용 불가로 만드는 것이고 readonly는 읽기만 ..
[html] 웹 페이지의 기본 뼈대 - 테이블 안에 사진 넣기
·
Front/html
테이블 다음 네이버 : 가로줄 : 세로줄 : 의 볼드 첫번째 : 다음과 네이버를 굵게 쓰라는 것 두번재 : 각 칸에 img를 삽입하고 이미지 크기 조절
[html] 웹 페이지의 기본 뼈대 - div 와 span
·
Front/html
▶ div 와 span div 와 span 의 차이 ① 줄 바꿈 div 는 자동으로 줄 바꿈을 해주지만 span은 연달아 나온다. ② 영역의 차이 div 태그는 박스 형태로 영이 설정 되어 지고 span 은 줄 단위로 영역이 설정 된다. 따라서. css style 을 적용 할때도 div는 스타일이 태그 다음의 text에 스타일이 입혀져 각각 따로 지정한 객체처럼 보인다. 하지만 span 은 줄 단위 영역이기 떄문에 앞선 text 에 영향을 받기 때문에 크기에 제약이 있다. 가나다 자동으로 줄바꿈 라마바 abc asdf div 는 block 속성이기 때문에 박스 형태로 영역 구간이 잡히면서 다음 컨텐츠 태그가 자동으로 개행이 되는 속성이다. 반대로 span 은 Inline 속성으로 줄을 바꾸지 않고 다른 ..
해니01_15
코딩구르르르