案例:

案例分析:该题用到的文字样式有文字颜色,下划线不懂得同学可以点下面链接学习文字样式属性

https://blog.csdn.net/shengming_tutou/article/details/122645181?spm=1001.2014.3001.5502

代码:

<!doctype html>
<html>
<head><style>.red{color: red;}.blue{color:blue;}.green{color:green;}em{ font-style: normal;/*更改em的斜体样式为默认,显示为标准字体*/color: red;}.hui{color:#524F4F;}.one{text-decoration: underline;/*给类名为"one"的标签设置文字下划线*/color:#999}.size{font-size:20px;/*给标题文字大小设置为20px*/}</style>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body><p class="size"><ins class="red">什么是<em>CSS</em ></ins ><ins class="blue">?——<em>CSS</em>教程</ins></p><p class="hui">猴子提示:可以通过简单更改<em>CSS</em>文件,改变网页的整体表现形式,从而减少我们的工作量所以它是每一一个网页设计人员的必修课,知道什么是<em>CSS</em>了,现在就开始学习<em>CSS</em>吧...</p><p><em class="green">www.dreamdu.com/css/wh..</em>-<em class="one">百度快照</em>-<em class="one">85%好评</em></p>
</body>
</html>

HTML5网页设计基础——搜索页面相关推荐

  1. HTML5 网页设计基础

    一.html介绍 1.什么是html5,html5可以做什么? (1).概念:HTML 语言是一种文本类,依靠解释的方式执行的超文本标记语言,它是Lnternet上用于编写网页的主要语言.用于HTML ...

  2. HTML5网页设计基础——用户注册界面

    案例: 代码: <!doctype html> <html> <head> <meta charset="utf-8"> <t ...

  3. HTML5网页设计基础——精美电商悬浮窗

    案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"&g ...

  4. HTML5网页设计基础——音乐盒的制作

    案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"&g ...

  5. HTML5网页设计基础——美食专题栏目

    案例: 图片资源: 参考代码:如下 <!doctype html> <html> <head><style>img{margin:20px/*设置图片的 ...

  6. HTML5网页设计基础——用户中心

    案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"&g ...

  7. HTML5网页设计基础——咖啡banner

    案例: 图片资源:      <-------这里有图 参考代码: <!doctype html> <html> <head> <meta charse ...

  8. HTML5网页设计基础——图文混排升级版

    案例: 代码: <!doctype html> <html> <head> <meta charset="utf-8"> <t ...

  9. HTML5网页设计基础——创意画框

    案例: 图片资源:   参考代码: <!doctype html> <html> <head> <meta charset="utf-8" ...

最新文章

  1. 【MyBatis】myBatis动态传入表名进行查询
  2. eclipse配置Struts2、Hibernate3、Spring2.5范例
  3. 浅谈线程池(上):线程池的作用及CLR线程池
  4. 前端微信小程序实战篇
  5. static用法报错解决:cannot declare member function to have static linkage [-fpermissive]
  6. 多维数组和矩阵----子数组最大累加和
  7. lopatkin俄大神精简中英俄系统Windows 10 Home 18362.145 19H1 Release x86-x64 RU-EN-CN NANO
  8. 新会计准则 计算机管理系统,用友ERP供应链管理系统实验教程(新会计准则版)pdf...
  9. 染布厂ERP、染厂ERP、漂染厂ERP、纺织印染ERP生产管理系统
  10. 微信 公众号 网页授权登录(静默授权)
  11. DB2 数据库的备份与还原
  12. jsp简介lamitry_[提拉米苏] 找人一起玩,今晚刚开的号
  13. 微波雷达感应技术系统,车库智能照明应用,物联网智能化发展
  14. android 涨潮动画加载_这是迪士尼动画片《长发公主》中王国的原型,涨潮时才浮出海面...
  15. 自下而上分析方法-算符优先,LR(0),SLR,LR(1),LALR大全
  16. MBR“主引导记录”的局限性与GPT GUID分区表的优势
  17. linux ALSA 驱动架构
  18. SQLServer uniqueidentifier 类型
  19. 联想 p系列服务器,全面解读联想ThinkStation P系列工作站
  20. GooFlow Web UI流程图插件

热门文章

  1. Kdenlive图解教程:使用Kdenlive快速剪切视频片段
  2. XRF归纳之X射线荧光光谱仪工作原理
  3. 实验7 熟悉网页设置
  4. WPS文档如何设置或取消自动生成序号
  5. 你做亚马逊都是怎么出单的
  6. 第一章 函数 极限 连续
  7. win10系统文件下搜索特殊符号
  8. 相机截图(区域截图、长图、大图)
  9. Pytest框架 —— setUp()和tearDown()函数
  10. 探花交友day3,4