HTMLcss 的语句,求解释:"div#maincontent button" ?

html-css022

HTMLcss 的语句,求解释:"div#maincontent button" ?,第1张

div#maincontent button的意思就是什么?

意思就是:一个(id号)名叫maincontent的div下button(按钮)标签,我要为它设置样式,你写的是给里面的该div下按钮设置12号字体的样式。

进一步解释:

div#maincontent button

可以直接写成下面 他们相等:

#maincontent button

但是为什么那样写,因为权限问题,更比较针对性,我就是针对这个id号为maincontent的div,而且不是针对别的标签写的,比如别的标签span#maincontent或者p#maincontent。

根据以上说明那么看这段代码就很简单了:

div#maincontent button, div#maincontent input, div#maincontent select, div#maincontent textarea

{

font-size:12px

}

解释如下:

div#maincontent button 设置id号为maincontent的div下的button按钮文字大小

div#maincontent input 设置id号为maincontent的div下的input文字大小

div#maincontent select 设置id号为maincontent的div下的select文本大小

div#maincontent textarea 设置id号为maincontent的div下的多行文本大小

以上都是都是文字大小为12像素的样式。

注意:

逗号表示我同时设置多个标签;

如不够清楚,方可以继续追加。

在CSS前提下、所有页面中的元素都可以看做是一个盒子。。这个盒子有一个专门的属性display,用以确定盒子的类型diaplay有三个值:inline 行内 block 块级 none 无设置为none的盒子会消失~ 也就是说这个元素被隐藏起来了 也就是Div下的Br都隐藏、