반응형 웹프로그래밍46 [CSS] CSS 문법 CSS 문법 CSS는 다음과 같은 규칙을 갖는다. h1 { color:blue; font-size: 15px;} 여기서 h1은 Selector 그 뒤 괄호를 Declaration, color를 Property, blue를 Value라고 하자 - Selector는 스타일을 지정하려는 HTML 요소를 가리킨다. - Declaration 부분은 세미클론(;)에 의해 하나 또는 여러개를 선언할 수 있다. - 각각 선언한 부분은 CSS 특성(Property) 이름과 값(Value)을 가진다. - 클론의 각각의 선언들 구분한다. - 여러 CSS 선언들은 세미클론에 의해 분리되며 중괄호로 둘러쌓여있다. 예시코드 My First CSS Example This is paragraph 결과 2023. 9. 9. [CSS] CSS란 무엇인가? CSS란? - CSS는 Cascading Style Sheets의 줄임말이다. - 어떻게 HTML 요소들을 스크린, 페이퍼 또는 다른 미디어 공간에서 표현할지에 대해 설명한다. - CSS는 많은 작업을 줄여준다. 여러 웹페이지의 레이아웃을 한번에 제어할 수 있다. - 외부파일에 CSS파일을 저장할 수 있다. CSS를 사용하는 이유? - CSS는 다른 장치와 스크린 크기를 위한 레이아웃 및 디스플레이 변형을 포함하여 웹페이지 스타일을 정의하는데 사용된다. 아래는 css의 예시 코드이다. My First CSS Example This is paragraph 결과물 위의 코드와 결과를 보면 html은 단순히 제목(My First CSS Example)과 단락(This is paragraph)만을 만들 수 있고.. 2023. 9. 9. HTML 테이블 선 하나로 만들기 border-collapse: collapse HTML 테이블 선 하나로 만드는 법 https://youknow301.tistory.com/m/78 코드를 짜다보면 테이블의 선이 위의 사진처럼 이중으로 되는것을 확인할 수 있다. 위의 사진 처럼 만들기위해서는 border-collapse: collpase를 사용하면 된다. 위에 대한 예제코드는 다음과 같다. PERSON 1 PERSON 2 PERSON 3 KOREA JAPAN CHINA 50,000,000 120,000,000 1,500,000,000 2023. 9. 8. HTML Form Elements HTML 요소 요소들 - - - - - - - - - - - 요소 가장 많이사용되는 양식 요소인 요소는 type 속성에 따라 여러가지 방법으로 표시될 수 있다. The input Element ID: 요소 요소 여러 양식 요소에 대한 레이블을 정의한다. 요소는 스크린 리더가 레이블에 맞게 소리내어 읽어주기 때문에 유용하다. 태그 속 for속성은 속성의 id 속성과 같아야한다. , 요소 요소는 drop-down 리스트를 생성한다. 요소는 옵션을 선택하는 것이다. 옵선의 기본값은 첫번째 아이템이다. The select Element The select element defines a drop-down list: Choose a car: Volvo hyundai kia Audi 추가적으로 select 에 si.. 2023. 9. 7. 이전 1 ··· 4 5 6 7 8 9 10 ··· 12 다음 728x90 반응형
