问:挑战“制作关于页面”的任务五,它说我做错了什么,但不确定。
“给图像最大宽度为150像素,边界半径为100%” img {display:block; 边距:0自动30像素; 最大宽度:150像素;边界半径:100%;}
about.html
<!DOCTYPE html>
< html >
< head > < meta charset = “ utf-8” > <标题> Nick Pettit | 设计器</ title > < link rel = “ stylesheet” href = “ css / normalize.css” > < link href = 'http://fonts.googleapis.com/css? family = Changa + One| Open + Sans:400italic ,700italic,400700800'相对= '样式表'类型= '文本/样式表' >
“样式表” HREF = “CSS /的main.css” >
</头> <体> <报头> <一个HREF = “index.html的” ID = “标志” > < H1 >尼克佩蒂特</ H1 > < H2 >设计器</ h2 > </ a > <导航> < ul > < li > <a href = “ index.html” >
组合</一> </李>
<李> <一个HREF = “about.html”类= “选中” >关于</一> </李> <李> <一个HREF = “contact.html” >联系</ a > </ li > </ ul > </ nav > </ header > < div id = “包装器” > <
部分>
< img src = “ img / gratt.png” alt = “随机单词” class = “个人资料照片” > < p >这是与我无关的随机文本!</ p > </节> <页脚> <一个HREF = “http://twitter.com/nickrp” > < IMG SRC = “IMG / Twitter的wrap.png” ALT = “Twitter的标志”类= “社会-图标”
a href = “ http://facebook.com/nickpettit” > < img src = “ img / facebook-wrap.png” alt = “ Facebook徽标” class = “ social-icon” > </ a >
< p > &copy ; 2014尼克·佩蒂特(Nick Pettit)。</ p > </ footer > </ div > </ body > </ html >
css / main.css
一个 {
文字装饰:无; } #包装{最大宽度:940像素; 保证金:0自动; } img { display :块; 边距:0自动30像素; 最大宽度:150像素;边界半径:100 %; } #标志{文本对齐:中心; 保证金
: 0 ;
}
h1 ,h2 { color :#fff ; } NAV一个{颜色:#FFF ; } nav a :悬停{ color :#32673f ; } h1 { font-family :' Changa One ' ,sans-serif ; 字体大小:1.75 em ; font-weight :正常;} img {
最大宽度: 100 %;
}
#画廊{ margin :0 ; 填充:0 ; 列表样式:无;} #画廊里{浮动:左; 宽度:45 %; 利润率:2.5 %; 背景颜色:#f5f5f5 ; 颜色:#bdc3c7 ; } nav ul {列表样式
: 没有;
边距:0 10 px ; 填充:0 ; } nav li { display :inline-block ; } NAV一个{字体重量:800 ; 填充:15像素10像素; }
答:我在您的CSS文件中看到以下代码,应将其删除
img {
max-width :100 %; }
最大宽度:100%;覆盖最大宽度:150px;