[css] 웹 페이지의 살 붙이기 - button 이미지 넣기
·
Front/css
button 태그를 디자인 적으로 예쁘게 꾸미기 위해 이미지를 넣어 보는 방법을 알아보자 background-image : url ("경로") 를 이용한다. 이미지를 버튼 크기에 맞춰 반복하고 싶다면 background-repeat 을 사용하면 된다. background-repeat 의 종류 repaet - y (세로) ; repeat - x (가로) ; no-reapeat ;
[css] 웹 페이지의 살 붙이기 - position
·
Front/css
position 속성 : css에서 position 속성은 html 문서 상에 요소들이 배치되는 방식을 결정한다. aaa bbb ccc top으로
[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 의 이름을 새로 정의 해 ..
해니01_15
'Front/css' 카테고리의 글 목록 (2 Page)