CSS 기초.

CSS 기초



CSS(Cascading Style Sheet), 그래서 css의 용도는 무엇인가요?

그러나 첫 번째 수준에는 다양한 규칙이 있습니다. 이러한 규칙은 셀렉터와 세미콜론으로 구분된 선언 목록으로 구성되며 각 선언은 속성:값 쌍으로 구성됩니다.


선택자



h1 h2 단락만 보는 것이 아니라 항목을 선택하는 고급 방법입니다.

참고- 'div' 이것은 텍스트에 직선 빈 줄을 만드는 데 사용됩니다.

많은 단락을 작성했고 첫 번째 단락의 색상만 변경하고 싶다고 가정하면 '선택기'를 사용하여 쉽게 할 수 있습니다.

클래스 선택자



클래스 선택기는 단일 div에 색상을 추가하려는 경우에 사용됩니다. 걱정하지 마세요. 이 모든 항목을 지우는 예를 들겠습니다.

  Let's move on to our first example.......

1. 먼저 "styles.css"라는 별도의 파일을 만들어야 합니다.

2. HTML 요소 사용

3. style.css 파일로 이동

4.write".box1"이제 배경색 등을 단락에 별도로 추가할 수 있습니다.

이미지 높이와 너비



If you want to make your image size in your own choice you can do this by using image height and width.

    img{
   width= 50px
   height=auto
   }              

외부 CSS



     It is the most common method and it involves creating a separate file for the css and linking it inside of an HTML's opening and closing tags with a self-closing <link> element.

내부 CSS



  It adds css with the html file itself instead of creating a completely separate file.

HTML 및 CSS 검사



웹 페이지를 만든 경우 마우스 오른쪽 버튼을 클릭하고 검사 옵션으로 이동하면 페이지의 전체 HTML 구조를 볼 수 있습니다.
이 같은-

박스 모델



이 섹션에서는 페이지를 원하는 위치 또는 올바른 위치에 배치하는 방법을 배웁니다.


                     It includes---

여유
요소 주변의 빈 공간입니다.


요소 주변의 스트로크입니다.

국경
요소에 배경이 있는 빈 공간입니다.



블록 대 인라인



먼저 차단이 OK를 의미하는 것이 무엇인지 말씀드리겠습니다.

##차단하다##

1. 항상 새 줄로 시작합니다.
2. 항상 사용 가능한 전체 너비를 차지합니다.
3. 상단과 하단 여백이 있습니다.

인라인



1. 새 줄에서 시작하지 않습니다.
2. 필요한 만큼만 너비를 차지합니다.
3.상하 여백이 없습니다.

감사합니다

좋은 웹페이지 즐겨찾기