홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • CSS 슬라이딩 도어 기술이란 무엇입니까?

    CSS 슬라이딩 도어 기술이란 무엇입니까?

    특별히 모양이 지정된 다양한 배경을 요소 내의 텍스트 콘텐츠에 맞게 조정하고 자유롭게 늘리고 슬라이드할 수 있습니다. 링크 배경과 링크 텍스트에 충분한 너비의 배경 이미지가 동시에 설정되어 하나는 왼쪽으로, 다른 하나는 오른쪽으로 늘어납니다.
    2022-05-27
  • CSS 스프라이트 기술이란 무엇입니까?

    CSS 스프라이트 기술이란 무엇입니까?

    페이지에 흩어져 있는 배경 이미지를 모두 모아서 큰 이미지로 만든 후 웹 페이지에 활용하세요. 사용자가 페이지에 액세스할 때 서버에 한 번만 요청을 보내면 됩니다. 배경 위치 등의 속성을 직접 사용하여 배경의 원하는 부분을 정확하게 배치할 수 있습니다.
    2022-05-27
  • CSS 가중치 계산 규칙

    CSS 가중치 계산 규칙

    무게를 나타내려면 4자리 문자열을 사용하세요. 각 숫자는 레벨을 나타내며 레벨은 왼쪽에서 오른쪽으로 감소하며 레벨 간 이동은 없습니다. 상속된 스타일의 가중치는 0입니다. 인라인 스타일은 모든 선택자보다 더 큰 가중치를 갖습니다.
    2022-05-27
  • CSS의 세 가지 주요 기능

    CSS의 세 가지 주요 기능

    캐스케이딩의 경우 스타일 충돌이 있으면 CSS 작성 순서가 우선하며 최종 스타일이 우선합니다. 상속, 하위 태그는 상위 태그의 일부 스타일을 상속합니다. 우선순위는 두 개 이상의 규칙이 동시에 요소에 적용될 때 가중치를 고려해야 합니다.
    2022-05-26
  • CSS 선택기 사용 사양

    CSS 선택기 사용 사양

    선택기를 그룹화할 때 개별 선택기를 해당 줄에 배치합니다. 선택기의 속성에 큰따옴표를 추가합니다. 5개의 선택기 수준을 넘지 않는 것이 가장 좋습니다. 각 선택자는 자체 열을 차지하며 마지막 선택자를 제외한 열의 모든 선택자는 쉼표로 끝납니다.
    2022-05-26
  • CSS의 align-self 속성은 무엇입니까?

    CSS의 align-self 속성은 무엇입니까?

    align-self 속성은 교차축(세로축) 방향으로 Flex 항목의 정렬을 개별적으로 정의합니다. align-self에는 flex 컨테이너에서 상속된 align-items 속성 값을 나타내는 추가 auto(기본값)가 있습니다.
    2022-05-26
  • CSS의 flex-shrink 속성은 무엇입니까

    CSS의 flex-shrink 속성은 무엇입니까

    Flex-shrink는 Flex 컨테이너의 공간이 부족할 때 단일 요소의 수축 비율을 나타냅니다. 음수 값은 지원되지 않으며 기본값은 1입니다. 이는 기본적으로 모든 플렉스 항목이 축소된다는 의미입니다. 0으로 설정하면 수축이 없으며 원래 너비가 유지된다는 의미입니다.
    2022-05-26
  • CSS의 flex-grow 속성은 무엇입니까

    CSS의 flex-grow 속성은 무엇입니까

    Flex-grow는 Flex 항목이 차지하는 너비를 확장하는 것을 의미합니다. 확장된 공간은 요소를 제외하고 남은 공백 공간입니다. 음수값은 지원하지 않으며 기본값은 0이다. 이는 너비를 확장하기 위해 남은 공백을 차지하지 않는다는 의미이다.
    2022-05-26
  • CSS의 flex-direction 속성은 무엇입니까?

    CSS의 flex-direction 속성은 무엇입니까?

    Flex-direction은 왼쪽에서 오른쪽으로, 오른쪽에서 왼쪽으로, 위에서 아래로, 아래에서 위로 자식의 전체 레이아웃 방향을 제어하는 ​​데 사용됩니다. 내부 요소가 Flex 컨테이너에 배치되는 방식을 지정하고 기본 축의 방향(정방향 또는 역방향)을 정의합니다.
    2022-05-26
  • CSS의 flex-wrap 속성은 무엇입니까

    CSS의 flex-wrap 속성은 무엇입니까

    flex-wrap 속성은 플렉스 항목을 행이나 열로 분할할 수 있는지 여부를 지정합니다. 이제 랩 기본값, 랩 너비 오버플로 및 랩 표시, 랩 역방향 너비 오버플로 랩 디스플레이 등 세 가지 값을 허용합니다.
    2022-05-21
  • CSS 단어 간격이란 무엇입니까?

    CSS 단어 간격이란 무엇입니까?

    word-spacing 속성은 HTML 페이지에서 태그나 단어 사이의 거리를 설정하는 데 사용됩니다. 이 속성은 영어에는 유효하지만 중국어에는 유효하지 않습니다. 단어 간격 속성 값에는 보통, 길이 값, 백분율의 세 가지 유형이 있습니다.
    2022-05-19
  • CSS 코드 표준화

    CSS 코드 표준화

    들여쓰기에는 공백 4개를 사용합니다. 각 선언 블록의 여는 중괄호 앞에 공백을 추가합니다. 선언 블록의 닫는 중괄호는 개별적으로 설정해야 합니다. 각 선언문: 뒤에 공백을 삽입하고 앞에 공백을 삽입하지 마십시오. 모든 선언문은 세미콜론으로 끝나며 생략할 수 없습니다.
    2022-05-13
  • CSS 일반 형제 선택기를 이해하는 방법
  • CSS 튜토리얼 슈퍼 빠른 시작 튜토리얼

    CSS 튜토리얼 슈퍼 빠른 시작 튜토리얼

    CSS는 HTML(Standard Generalized Markup Language의 응용 프로그램) 또는 XML(Standard Generalized Markup Language의 하위 집합)과 같은 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다.
    2022-05-07
  • div를 수직으로 중앙에 배치하는 여러 가지 방법