찾다
웹 프론트엔드CSS 튜토리얼당신이 모르는 CSS 규칙은 수집할 가치가 있습니다! !

CSS 스타일을 사용할 때 규칙을 이해해야 합니다. 그렇지 않으면 HTML 파일을 실행할 때 일부 스타일이 나타나지 않습니다. 이는 특정 참조 가치를 갖고 있으며 모든 사람에게 도움이 될 수 있기를 바랍니다.

당신이 모르는 CSS 규칙은 수집할 가치가 있습니다! !

CSS에서는 속성과 해당 속성을 연결하려면 영문 ":"를 사용해야 하고, 사이에는 영문 ";"를 사용해야 합니다. 여러 속성을 연결하여 쉽게 차별화할 수 있습니다. :"来连接,多个属性之间需要使用英文的";"来连接,以便于区分。

特点:

css中,各种选择器都严格区分大小写,然而属性与其值不区分大小写,可以混合用,但按照我们的书写习惯,这些都是用小写来书写;

在写css代码时,需要使用花括号将代码括起来;

各个属性之间都是用英文状态下的";"来隔开的,最后一个属性值后面的分号可以省略不写;

属性值之间有许多单词并且包含很多空格,因此这条css代码必须加上全英文状态下的引号,否则此条命令无效;

在写css代码时,为了提高代码的可读性,我们需要加上css注释,方便我们下一次阅读;

在css中,我们写代码时敲下的空格键等其他的并不会被解析,所以花括号以及分号前后的空格可以省略,但是为了美观,我们需要使用空格键;

在书写css代码时,我们会使用空格键、tab

기능: CSS에서는 다양한 선택기가 대소문자를 엄격하게 구분합니다. 그러나 속성과 해당 값은 대소문자를 구분하지 않으며 혼합될 수 있습니다. 그러나 작성 습관에 따라 다음과 같습니다. 모두 소문자로 작성하세요.

CSS 코드를 작성할 때 중괄호를 사용하여 코드를 묶어야 합니다.

각 속성은 영어로 ";"로 구분되며, 마지막 속성 값 뒤에는 세미콜론을 생략할 수 있습니다. 🎜🎜속성 값 사이에 단어와 공백이 많기 때문에 이 CSS 코드는 전체 영어에서 따옴표로 묶어야 합니다. 그렇지 않으면 이 명령이 유효하지 않게 됩니다. 🎜🎜CSS 코드를 작성할 때 코드의 가독성을 높이기 위해; , 다음 읽기를 용이하게 하기 위해 CSS 주석을 추가해야 합니다. 🎜🎜Css에서는 코드를 작성할 때 스페이스바 및 기타 항목이 구문 분석되지 않으므로 공백 전후의 중괄호와 세미콜론은 생략할 수 있지만 아름다움을 위해서는 스페이스바를 사용해야 합니다. 🎜🎜CSS 코드를 작성할 때 스페이스바를 사용하여 을 사용하고 Enter 키를 사용하여 코드를 레이아웃합니다. 코드의 아름다움과 가독성을 관찰하고 향상시키는 것이 더 쉽습니다. 🎜🎜추천 학습: 🎜CSS3 비디오 튜토리얼🎜🎜

위 내용은 당신이 모르는 CSS 규칙은 수집할 가치가 있습니다! !의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
利用CSS怎么创建渐变色边框?5种方法分享利用CSS怎么创建渐变色边框?5种方法分享Oct 13, 2021 am 10:19 AM

利用CSS怎么创建渐变色边框?下面本篇文章给大家分享CSS实现渐变色边框的5种方法,希望对大家有所帮助!

css ul标签怎么去掉圆点css ul标签怎么去掉圆点Apr 25, 2022 pm 05:55 PM

在css中,可用list-style-type属性来去掉ul的圆点标记,语法为“ul{list-style-type:none}”;list-style-type属性可设置列表项标记的类型,当值为“none”可不定义标记,也可去除已有标记。

css与xml的区别是什么css与xml的区别是什么Apr 24, 2022 am 11:21 AM

区别是:css是层叠样式表单,是将样式信息与网页内容分离的一种标记语言,主要用来设计网页的样式,还可以对网页各元素进行格式化;xml是可扩展标记语言,是一种数据存储语言,用于使用简单的标记描述数据,将文档分成许多部件并对这些部件加以标识。

css3怎么实现鼠标隐藏效果css3怎么实现鼠标隐藏效果Apr 27, 2022 pm 05:20 PM

在css中,可以利用cursor属性实现鼠标隐藏效果,该属性用于定义鼠标指针放在一个元素边界范围内时所用的光标形状,当属性值设置为none时,就可以实现鼠标隐藏效果,语法为“元素{cursor:none}”。

rtl在css是什么意思rtl在css是什么意思Apr 24, 2022 am 11:07 AM

在css中,rtl是“right-to-left”的缩写,是从右往左的意思,指的是内联内容从右往左依次排布,是direction属性的一个属性值;该属性规定了文本的方向和书写方向,语法为“元素{direction:rtl}”。

css怎么设置i不是斜体css怎么设置i不是斜体Apr 20, 2022 am 10:36 AM

在css中,可以利用“font-style”属性设置i元素不是斜体样式,该属性用于指定文本的字体样式,当属性值设置为“normal”时,会显示元素的标准字体样式,语法为“i元素{font-style:normal}”。

css怎么实现英文小写转为大写css怎么实现英文小写转为大写Apr 25, 2022 pm 06:35 PM

转换方法:1、给英文元素添加“text-transform: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。

怎么设置rotate在css3的旋转中心点怎么设置rotate在css3的旋转中心点Apr 24, 2022 am 10:50 AM

在css3中,可以用“transform-origin”属性设置rotate的旋转中心点,该属性可更改转换元素的位置,第一个参数设置x轴的旋转位置,第二个参数设置y轴旋转位置,语法为“transform-origin:x轴位置 y轴位置”。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

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

뜨거운 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.