请选择 进入手机版 | 继续访问电脑版
css内嵌样式案例分析先来看下案例效果图:


css内嵌样式案例分析

css内嵌样式案例分析



案例代码:
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <style type="text/css">
  7. p {
  8.     text-align: left;                                        /* 文本左对齐 */
  9.     font-size: 18px;                                /* 字体大小18像素 */
  10.     line-height: 25px;                                /* 行高25像素 */
  11.     text-indent: 2em;                                /* 首行缩进2个文字大小空间 */
  12.     width: 500px;                                        /* 段落宽度500像素 */
  13.     margin: 0 auto;                                        /* 浏览器下居中 */
  14.     margin-bottom: 20px;                        /* 段落下边距20像素 */
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <p>“百度”这一公司名称便来自宋词“众里寻他千百度”。(百度公司会议室名为青玉案,即是这首词的词牌)。而“熊掌”图标的想法来源于“猎人巡迹熊爪”的刺激,与李博士的“分析搜索技术”非常相似,从而构成百度的搜索概念,也最终成为了百度的图标形象。在这之后,由于在搜索引擎中,大都有动物形象来形象,如SOHU的狐,如GOOGLE的狗,而百度也便顺理成章称作了熊。百度熊也便成了百度公司的形象物。 </p>
  20. <p>在百度那次更换LOGO的计划中,百度给出的3个新LOGO设计方案在网民的投票下,全部被否决,更多的网民将选票投给了原有的熊掌标志。</p>
  21. <p>此次更换LOGO的行动共进行了3轮投票,直到第2轮投票结束,新的笑脸LOGO都占据了绝对优势。但到最后一轮投票时,原有的熊掌标志却戏剧性地获得了最多的网民选票,从而把3个新LOGO方案彻底否决。</p>
  22. </body>
  23. </html>
复制代码

推荐给好友: [复制链接]
推荐文章
回复

使用道具 举报

相关文章

精彩评论1

下面我们再来看一个案例教程:
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <style type="text/css" title="字体14号">
  7. p {
  8.     text-align: left;                                        /* 文本左对齐 */
  9.     font-size: 14px;                                /* 字体大小14像素 */
  10.     line-height: 25px;                                /* 行高25像素 */
  11.     text-indent: 2em;                                /* 首行缩进2个文字大小空间 */
  12.     width: 500px;                                        /* 段落宽度500像素 */
  13.     margin: 0 auto;                                        /* 浏览器下居中 */
  14. }
  15. </style>
  16. <style type="text/css" title="字体18号">
  17. p {
  18.     text-align: left;                                        /* 文本左对齐 */
  19.     font-size: 18px;                                /* 字体大小18像素 */
  20.     line-height: 25px;                                /* 行高25像素 */
  21.     text-indent: 2em;                                /* 首行缩进2个文字大小空间 */
  22.     width: 500px;                                        /* 段落宽度500像素 */
  23.     margin: 0 auto;                                        /* 浏览器下居中 */
  24. }
  25. p { color: #6699FF;                                /* 字体颜色的改变 */ }
  26. </style>
  27. </head>
  28. <body>
  29. <p>“百度”这一公司名称便来自宋词“众里寻他千百度”。(百度公司会议室名为青玉案,即是这首词的词牌)。而“熊掌”图标的想法来源于“猎人巡迹熊爪”的刺激,与李博士的“分析搜索技术”非常相似,从而构成百度的搜索概念,也最终成为了百度的图标形象。</p>
  30. </body>
  31. </html>
复制代码
css样式效果图:
css案例分析教程.png
浏览器=查看=页面风格,可以选择样式展示。
默认显示的是第一次写的样式。
回复

使用道具 举报

发布主题
  • 今日更新:0 昨日更新:3
  • 会员总数:367 模板总数:8680
打造全国最大建站模板下载平台
手机/微信

13145201488

周一至周日9:00-23:00

如有侵权请联系我们

515138@qq.com 在线QQ咨询

微信扫码关注我们