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