CSS의 기본 변수 정의 구문은 "--*"이고, 변수 사용 구문은 "var(--*)"입니다. 여기서 *는 변수 이름을 나타냅니다. CSS 변수에는 "$", "[", "^", "(", "%" 등과 같은 문자가 포함될 수 없습니다. 일반 문자는 "숫자", "문자", "밑줄" 및 "대시"만 있으면 됩니다. .
이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터
CSS의 기본 변수 정의 구문은 --*이며, 변수 사용 구문은 var(- -*); 여기서 *는 변수 이름을 의미합니다.
vue 프로젝트에서 CSS 전역 변수를 정의하는 경우:
1 먼저 자산 디렉터리에 새 index.css 파일을 만듭니다. (
:root 루트 요소 문서에서 이것은 사용자 정의 속성을 넣기에 좋은 장소입니다. 왜냐하면 우리는 다른 개별 특수 스타일의 선택성을 기반으로 사용자 정의 속성을 재정의할 수 있기 때문입니다.)
2 그런 다음 이를 main.js 파일에 도입합니다:
3, 사용: .vue 파일에서 사용 스타일:
background:var(--baseBackground);
추가 소개:
css中定义变量 定义变量可分多种情况: 1、定义全局变量 :root { --borderColor: #ccc; } 使用:width:var(--borderColor); 2、定义某元素下的变量 .look{ --borderColor: #ccc; } 3、定义媒体查询下的变量 @media screen and (min-width: 1025px) { :root { --borderColor: #ccc; } } 使用: .has-border-table > tr > td { border-right: 1px solid var(--borderColor); } less中定义变量 定义: @bg-color : #d9d9d9; 使用: .has-border-table > tr > td { border-right: 1px solid var(@bg-color); } sass中定义变量 定义: $bg-color : #d9d9d9; 使用: .has-border-table > tr > td { border-right: 1px solid var($bg-color); }
추천 학습: css 비디오 튜토리얼
위 내용은 CSS에서 변수를 정의하고 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

플라이 아웃 메뉴! 두 번째는 호버 이벤트를 사용하여 더 많은 메뉴 항목을 표시하는 메뉴를 구현해야합니다. 우선, 그들은해야합니다

"웹의 힘은 보편적입니다. 장애에 관계없이 모든 사람의 접근은 필수적인 측면입니다."- Tim Berners-Lee

이번 주에 Roundup : DatePickers는 키보드 사용자에게 두통, Fouc와 싸우는 데 도움이되는 새로운 웹 구성 요소 컴파일러를 제공하고 있으며, 마침내 스타일링 목록 항목 마커에 손을 대고 사이트에서 웹 커넥션을 얻는 4 단계입니다.

짧은 답변 : Flex-Shrink 및 Flex-Basis는 아마도 당신이 찾고있는 것일 것입니다.

이번 주에 Web Platform News의 세계를 둘러싼 Google 검색 콘솔은 크롤링 된 마크 업을보다 쉽게 볼 수 있습니다.

Indieweb는 일입니다! 그들은 회의와 모든 것을 얻었습니다. 뉴요커는 심지어 그것에 대해 글을 쓰고 있습니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
