菜鸟求指教 css中<a>标签如何给子项定义width属性

html-css028

菜鸟求指教 css中<a>标签如何给子项定义width属性,第1张

给a标签定义display:inline-block然后再写上width：70px因为a标签是内联元素所以默认没有宽度和高度，如果要定义宽度和高度必须加上display:inline-block或者display:block

<body>

<div id="header"><div class="red"></div></div>

<div id="content"></div>

<div id="footer"><div class="red"></div></div>

</body>

样式表↓

#header .red{}

#footer .red{}

用#的是ID选择器，命名时用id，在一个页面里不能重复出现。

用.的是类选择器，命名时用class，在一个页面里可以出现多次。

配合最上面那几句代码一起看，那这个样式表的意思就是id名为header的Div里面嵌了一个class名为red的Div

不知道你看得懂不？顺便和你分享一个资料，看下图。