老师帮忙看一下对不对?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
p{background-color:#eee;
font-size:2em;
line-height:5em;
}
.one{font-size:2em;}
.two{color:red;
text-decoration:underline;
text-transform:capitalize;
vertical-align:middle;
}
</style>
</head>
<body>
<!--写出html代码-->
<p>
<img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg">
<span class="one">CSS层叠样式表</span>
<span class="two">(cascading style sheets)</span>
</p>
</body>
</html>
正在回答 回答被采纳积分+1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title >标答版用px来调节垂直居中</ title > < style type = "text/css" > .div1{ background-color:#eee; height:5em; width:100%; text-align:center; display:table; font-size:2em; } .div2{ display:table-cell; vertical-align:middle; } .css{ font-size:2em; vertical-align:5px; } .words{ color:red; text-decoration:underline; vertical-align:15px; text-decoration:underline; text-transform: capitalize; } </ style > </ head > < body > < div class = "div1" > < div class = "div2" > < img src = " http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg" > < span class = "css" >CSS层叠样式表</ span > < span class = "words" >(cascading style sheets)</ span > </ div > </ div > </ body > </ html > |
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧