홈페이지>웹 디자인 튜토리얼> CSS 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
CSS 튜토리얼
  • CSS 가중치 계산 규칙

    CSS 가중치 계산 규칙

    무게를 나타내려면 4자리 문자열을 사용하세요. 각 숫자는 레벨을 나타내며 레벨은 왼쪽에서 오른쪽으로 감소하며 레벨 간 이동은 없습니다. 상속된 스타일의 가중치는 0입니다. 인라인 스타일은 모든 선택자보다 더 큰 가중치를 갖습니다.
    2025-01-02
  • CSS 튜토리얼 슈퍼 빠른 시작 튜토리얼

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

    CSS는 HTML(Standard Generalized Markup Language의 응용 프로그램) 또는 XML(Standard Generalized Markup Language의 하위 집합)과 같은 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다.
    2024-12-31
  • CSS 코드 표준화

    CSS 코드 표준화

    들여쓰기에는 공백 4개를 사용합니다. 각 선언 블록의 여는 중괄호 앞에 공백을 추가합니다. 선언 블록의 닫는 중괄호는 개별적으로 설정해야 합니다. 각 선언문: 뒤에 공백을 삽입하고 앞에 공백을 삽입하지 마십시오. 모든 선언문은 세미콜론으로 끝나며 생략할 수 없습니다.
    2024-12-31
  • CSS의 flex-grow 속성은 무엇입니까

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

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

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

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

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

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

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

    Flex-direction은 왼쪽에서 오른쪽으로, 오른쪽에서 왼쪽으로, 위에서 아래로, 아래에서 위로 자식의 전체 레이아웃 방향을 제어하는 ​​데 사용됩니다. 내부 요소가 Flex 컨테이너에 배치되는 방식을 지정하고 기본 축의 방향(정방향 또는 역방향)을 정의합니다.
    2024-12-30
  • CSS 슬라이딩 도어 기술이란 무엇입니까?

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

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

    CSS 기본 구문 형식

    CSS 기본 구문 형식 CSS(CascadingStyelSheet)는 웹 페이지의 모양을 제어하는 ​​일련의 형식 지정 규칙으로, 웹 디자인에 필수적인 도구 중 하나입니다. 다음으로 CSS의 기본 구문 형식을 배우기 시작합니다. 1. CSS 정의 규칙 캐스케이딩 스타일 시트는 완전한...
    2024-12-27
  • CSS 선택기

    CSS 선택기

    CSS 선택자 CSS: CascadingStyleSheet의 약어로 [Cascading Style Sheet]로 번역되며 서식 규칙 집합입니다. 웹 페이지 스타일을 (향상된) 제어하고 웹 콘텐츠에서 스타일 정보를 분리하는 데 사용되는 마크업 언어입니다. CSS의 구성: CSS의 정의는 다음과 같습니다.
    2024-12-27
  • CSS @Rules(상세)

    CSS @Rules(상세)

    CSS @ 규칙(세부 사항)에는 CSS의 두 가지 문법 규칙이 포함되어 있습니다. 일반 규칙: 선택자, 속성 및 값으로 구성됩니다. 이전 연구에서는 주로 이러한 종류의 규칙을 사용했습니다. @로 시작하여 키워드의 형식적인 구성, "AT 규칙"이라고도 알려져 있으며 다음을 기반으로 합니다.
    2024-12-27
  • CSS 미디어 쿼리 종합 분석(@media)

    CSS 미디어 쿼리 종합 분석(@media)

    CSS 미디어 쿼리에 대한 종합 분석(@media) 모바일 장치의 급속한 인기로 인해 사용자는 더 이상 기존 컴퓨터 시스템을 통해 웹 콘텐츠를 탐색하지 않고 스마트폰, 태블릿 또는 다양한 크기의 기타 장치를 사용하기 시작했습니다. 다양한 장치를 사용하는 사용자가 좋은 경험을 할 수 있도록 웹 콘텐츠를 탐색합니다.
    2024-12-26
  • CSS 변경 상자 모델(상자 크기 조정)

    CSS 변경 상자 모델(상자 크기 조정)

    CSS는 박스 모델을 변경합니다(box-sizing). box-sizing 속성은 CSS3에서 도입되었습니다. 어떤 사람들은 width 속성과 height 속성으로 각각 지정된 너비와 높이 값에 내부 패딩 영역이 포함되는지 여부를 지정할 수 있다고 설명합니다. 요소와 너비와 높이. 이 문장은 약간 혼란스럽습니다. 이해합니다.
    2024-12-26
  • CSS 의사 요소

    CSS 의사 요소

    CSS 의사 요소 CSS는 문서 트리 이외의 정보 형식을 지정하기 위해 의사 클래스 및 의사 요소의 개념을 도입합니다. 즉, 의사 클래스와 의사 요소는 문장의 첫 글자나 목록의 첫 번째 요소 등 문서 트리에 없는 부분을 수정하거나 특정 항목 위에 마우스를 올렸을 때 사용됩니다. 하이퍼링크가 켜져 있을 때 설정하려면...
    2024-12-25
  • CSS 마우스 스타일(커서)

    CSS 마우스 스타일(커서)

    CSS 마우스 스타일(커서) 페이지 레이아웃을 할 때 CSS는 작업에 없어서는 안될 부분입니다. HTML은 화장하지 않은 사람의 모습이고 CSS를 추가하면 화장을 한 사람의 모습이라는 말을 자주 듣습니다. . 이 문장은 이해하기 쉽고 CSS와 HTML의 관계를 매우 잘 설명합니다. CSS에는 많은 속성이 있습니다.
    2024-12-25