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 중국어 웹사이트의 기타 관련 기사를 참조하세요!