Web头歌补充
CSS3-文本外观样式
-
bdb
-
<!doctype html> <html><head> <meta charset="utf-8"> <title>美食专题栏目</title> <!-- ********* Begin ********* --> <style type="text/css"> p{ font-size:16px; font-family:微软雅黑; text-indent:2em; line-height:28px; } .blue{color:#33F; text-decoration:underline; } .red{color:#F00;} .money{font-size:16px;} </style> <!-- ********* End ********* --> </head> <body> <img src="https://www.educoder.net/api/attachments/1989171 "插图"" alt="跳槽有道" /> <p> <em class="blue">导语</em>：臭豆腐是<strong class="red">长沙</strong>有名的小吃，是一种独具风味的食品。“闻起来臭、吃起来香”是它的最大特点,不少外省人品尝后都赞不绝口。长沙的臭豆腐要数百年老店火宫殿炸得最好,外焦微脆、内软味鲜,100多年来,进火宫殿的人没有不吃臭豆腐的。当年...<em>【详情】</em> </p> <p> <em class="blue">火宫殿臭豆腐</em>：价格<strong class="money">18</strong>元 </p> </body> </html> -
<!doctype html> <html> <head> <meta charset="utf-8"> <title>搜索页面</title> </head> <body> <!-- ********* Begin ********* --> <h2 class="header"> 什么是CSS?<em>—CSS教程</em> </h2> <p> 猴子提示: 可以通过简单的更改<em id="red">CSS</em>文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.知道什么是<em class="red">CSS</em>了,现在就开始学习<em class="red">CSS</em>吧 ... </p> <p> <em class="green">www.dreamdu.com/css/wh...</em><em class="gray">百度快照</em><em class="gray">85%</em>好评 </p> <!-- ********* End ********* --> </body> </html> -
<!doctype html> <html> <head> <meta charset="utf-8"> <title>搜索页面</title> <!-- ********* Begin ********* --> <style type="text/css"> body{ font-size:14px; color:#333333; font-family:微软雅黑; } em{ font-style:normal; } .header{ font-size:18px; color:#D52D2D; font-weight:normal; text-decoration:underline; } .header em{ color:#2525D3; text-decoration:underline; } .red{ color:#D52D2D; } .green{ color:#167A16; } .gray{ color:#595959; text-decoration:underline; } </style> <!-- ********* End ********* --> </head> <body> <h2 class="header"> 什么是CSS?<em>—CSS教程</em> </h2> <p> 猴子提示: 可以通过简单的更改<em class="red">CSS</em>文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.知道什么是<em class="red">CSS</em>了,现在就开始学习<em class="red">CSS</em>吧 ... </p> <p> <em class="green">www.dreamdu.com/css/wh...</em>-<em class="gray">百度快照</em>-<em class="gray">85%好评</em> </p> </body> </html>
