> 웹 프론트엔드 > HTML 튜토리얼 > CSS 선택기 파운드 기호와 마침표의 차이점은 무엇입니까?

CSS 선택기 파운드 기호와 마침표의 차이점은 무엇입니까?

零下一度
풀어 주다: 2017-06-28 09:51:00
원래의
2428명이 탐색했습니다.
CSS里的样式表是有规则组成的,每条规则有三个部分组成:
1、选择器(如下面例子中的:“body”),告诉浏览器文档的哪个部分受规则影响;
2、属性(如实例中的font-family、color等),规定了布局的什么方面被设置了;
3、值(如实例中的Arial,sans-serif,#333333等),给出了式样属性的值。
 #是ID选择器 .是class选择器 *是通配符号 
比如*{margin:0;padding:0;所有的元素都会沿用这个属性样式}(还有一种情况是IE hack)比如 .b{margin:0;*margin:10px;}这里IE看到的是margin:10px,其他的浏览器看到的会是前面那个margin:0;
로그인 후 복사

먼저 코드를 살펴보겠습니다~

body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166; 
margin: 0px;
 padding: 0px;
}
#masthead{
margin: 0;
padding: 10px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
}
.feature img{
float: left;
padding: 0px 10px 0px 0px;
 margin: 0 5px 5px 0;
}
로그인 후 복사


#은 id에 해당합니다
점은 수업에 해당합니다.
해당 HTML 태그가 없습니다.
한 문장으로 요약할 수 있습니다. 클래스는 반복해서 사용할 수 있지만 ID는 한 페이지에서 한 번만 사용할 수 있습니다. 동일한 ID를 반복적으로 사용해도 대부분의 브라우저에서는 문제가 발생하지 않을 가능성이 있지만 이는 분명히 표준에 따르면 잘못된 사용이며 일부 브라우저에서는 실제 문제가 발생할 수 있습니다.
실제 응용에서는 클래스가 텍스트 레이아웃 등에 더 유용할 수 있으며 ID는 매크로 레이아웃 및 다양한 요소의 디자인 배치에 더 유용할 수 있습니다.


위 내용은 CSS 선택기 파운드 기호와 마침표의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿