css中"."是什么意思

html-css020

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 就可以了

这样明白吗?

1/6

新建一个html文件,命名为test.html,用于讲解css中如何解决h标签独自占用一行。

2/6

在test.html文件内,使用h3标签创建一行文字,用于测试。

3/6

在test.html文件内,给h3标签添加class属性,设置为myway。

4/6

在css标签内,通过class定义h3标签的样式,使用background属性设置它的背景颜色为红色。

5/6

在css标签内,再将display属性设置为inline,将h3标签转变为内联元素。

6/6

在浏览器打开test.html文件,查看实现的效果。

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="普通按钮" />