css中"."是什么意思

html-css019

css中"."是什么意思,第1张

在 CSS 语法中

.xxxxx 意思就是对象是 class=xxxxx

#xxxxx 意思就是对象是 id=xxxxx

LZ 所说的标签 HTML <h1>或者 <p>等等,在 CSS 语法当中的确是可以省略的

不过喜欢的话仍然可以写成

p.xxxxx 意思就是对象是 <p>而且 class=xxxxx

h1#xxxxx 意思就是对象是 <h1>而且 id=xxxxx

写上 HTML 标签只是增加条件而己,而没有写明对象标签,你就可以使用同样的 class 对应到任何一种 HTML 标签上面去

例如如果想 <p><h1>和 <a>使用同样的 xxxxx 样式,就可以省略标签,在 CSS 里面写成

.xxxxx { .... }

而 HTML 里面就把 p、h1 和 a 都填上 class=xxxxx 就可以了

这样明白吗?

css中,. #区别:

1、.是使用class引用的,多个控件可以同时使用一个class,一个控件上也可以使用多个class,比如:

.tdRed{border:solid 1px red}

.tdBKBlue{background-color:blue}

<td class="tdRed" />

<td class="tdRed tdBKBule"/>

而ID是在一个页面中唯一的,class表示泛性的,id表示个性的,所有的按钮都是一个颜色的,

.normalButton{background-color:blueborder:solid 0px black}

对于提交按钮会要做的大一点。

2、#submit{width:100pxheight:100px}

按钮就是:

<input type="button" id="submit" class="normalButton" value="提交" />

普通的按钮就是:

<input type="button" id="abcdefg" class="normalButton" value="普通按钮" />