`
jjklmm
  • 浏览: 57066 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

css优化 之logo

csshtml 
阅读更多

点击查看显示效果网址

 

源代码：

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>logo:图片显示，文字链接</title>
</head>
<style type="text/css">
#top{height:45px; padding-top:25px; padding-bottom:7px;}
#topleft{width:290px; height:50px;float:left;background:url(http://www.amboedu.com/templets/sximages/logo_gif.gif) no-repeat center left; margin-left:10px;}
#topleft h1{font-size:12px;font-weight:normal;margin:0;padding:0;}
#topleft h1 a{display:block;float:left;width:290px;height:50px;text-indent:-5000px;}
</style>
<body>
<div id="top">
    <div id="topleft"><h1><a href="http://www.amboedu.com/" title="安博教育中程在线">安博教育中程在线</a></h1></div>
</div>
    
</body>
</html>
0
顶
0
踩
分享到：
| javascript 生成下拉菜单
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    css3 Android Logo css3 Android Logo代码下载.zip

    在本项目中，我们主要探讨的是如何使用CSS3来创建一个具有动画效果的Android Logo。这个项目对于前端开发者来说是一个...通过实践和调整，你可以进一步定制和优化这个Android Logo，使其更加符合个人需求或项目的风格。

    css3 animation网页logo图片加载动画特效

    在网页设计中，CSS3 Animation是一种强大的工具，用于创建丰富的动态效果，比如我们今天要讨论的"网页logo图片加载动画特效"。这个特效能够提升用户体验，使得网站在内容加载时更具吸引力，不再枯燥乏味。下面我们将...

    纯CSS打造的17个Logo(Apple、Android、Windows等)

    同时，这样的练习也有助于提高响应式设计和前端性能优化的能力，因为纯CSS Logo通常比使用图片更轻量，加载更快。 总的来说，纯CSS Logo设计是一种既实用又有趣的挑战，它将技术与艺术完美融合，是每一位Web开发者...

    CSS3实现旋转LOGO.zip

    在本文中，我们将深入探讨如何使用CSS3来实现动态旋转的LOGO效果。CSS3是层叠样式表的最新版本，引入了许多强大的功能，其中包括动画和转换，这使得创建交互式网页元素变得轻而易举。我们将重点讲解CSS3的`transform...

    CSS3代码实例，鼠标移到Logo图片上，实现另外的图片产生模糊

    此外，为了优化性能，我们还可以利用CSS3的`transition`属性来平滑地过渡到模糊效果。例如： ```css #blurred-image { transition: all 0.5s ease; } ``` 这将使得`filter`属性的改变在0.5秒内平滑过渡，增加视觉...

    css圆形导航图标

    在网页设计中，CSS（Cascading Style Sheets）是一种用于定义HTML或XML（包括SVG、XHTML等）文档中元素外观、布局和结构的语言。在这个主题"css圆形导航...在实际开发中，不断实践和优化，将使你的CSS技能更加熟练。

    CSS3中国移动logo加载动画特效.zip

    在这个案例中，我们需要一个`&lt;div&gt;`元素来承载移动logo的动画效果，可能还会用到`&lt;style&gt;`标签来内联定义CSS样式，或者链接外部的CSS文件。 接着，我们进入CSS3的世界。CSS3提供了许多新的选择器、属性和功能，如...

    纯CSS3制作中国联通logo图标样式.zip

    在中国联通的Logo图标样式制作中，使用纯...通过不断调试和优化，最终可以创建出与原版Logo相仿的纯CSS3实现。这个压缩包中的示例代码，就是这样一个实践案例，可以帮助前端开发者学习和掌握CSS3在图形设计中的应用。

    SEO优化中的div+css命名规则

    下面将详细介绍SEO优化中的div+css命名规则及其对搜索引擎友好性的影响。 首先，理解div+css的基本概念。Div是HTML中的一个通用容器元素，用于组合其他HTML元素，而CSS则用于控制页面的样式和布局。在SEO角度，使用...

    emlog网站系统模板源码-纯css白色系 for3.5.2

    版本号的更新通常伴随着功能优化、性能提升以及安全性的增强，因此选择与系统匹配的模板至关重要。 纯CSS的白色系设计，意味着这款模板主要依赖CSS（Cascading Style Sheets）来控制布局、颜色、字体等视觉元素，而...

    zabbix自定义logo以及其他

    在本文中，我们将深入探讨如何在Zabbix中实现自定义Logo以及相关的页面定制，这将有助于提升企业品牌识别度并优化用户体验。 首先，自定义Zabbix Logo涉及到前端界面的修改。在提供的文件列表中，“frontend.mo”和...

    phpcms修改_phpcms后台logo和文字修改_phpcms_

    如果需要，还可以通过调整其他CSS属性来优化显示效果，如Logo的对齐方式、边距等。 值得注意的是，直接修改核心文件可能会导致升级时覆盖掉你的定制改动。为避免这种情况，可以创建一个自定义模板，并在该模板下...

    婚礼博客CSS网页模板

    1. **头部**：通常包含导航菜单、LOGO和搜索栏，CSS可以定义其位置、大小、颜色以及响应式布局，以适应不同的屏幕尺寸。 2. **滑块**：用于展示婚礼照片或视频，CSS可以控制滑动动画效果，如过渡速度、图片淡入淡出...

    _基于HTML5 CSS3的网页设计实现与优化.pdf

    本文通过实例解析了HTML5和CSS3在网页设计实现与优化中的应用。 首先，HTML和CSS作为网页前端开发的主要技术，它们的核心作用在于实现网页的布局和效果，满足用户的需求。HTML5较之前版本增加了新的元素、标签和...

    jQuery+css3实现随页面滚动而旋转的logo图标特效源码.zip

    在本项目中，"jQuery+css3实现随页面滚动而旋转的logo图标特效源码.zip" 是一个包含使用jQuery和CSS3技术实现的动态效果，主要用于网页中的logo图标。这个特效使得logo图标随着用户滚动页面时产生旋转效果，增加了...

    鼠标靠近抖动一次适合logo用

    5. **优化和兼容性**：为了确保在不同的浏览器中都能正常工作，我们需要考虑跨浏览器的兼容性问题，可能需要使用`requestAnimationFrame`来替代`setTimeout`，以获得更流畅的动画效果。 总的来说，"鼠标靠近抖动...

    HTML模板、DIV+CSS模板、个人博客模板、DIV模板、CSS模板

    HTML模板和CSS模板是网页设计中的基础工具，用于构建具有特定布局和样式的网页。HTML（HyperText Markup Language）是标记语言...此外，优化CSS和HTML代码，减少HTTP请求，可以进一步提升网页加载速度，提升用户体验。

    less logo图标QQ

    通过以上分析，我们可以看出"less logo图标QQ"这个项目是如何利用Less的强大功能来简化和优化CSS代码的，以创建一个具有QQ风格的图标。这不仅提高了开发效率，还确保了代码的可读性和可维护性。在实际的Web开发中，...

Magicbox
Global site tag (gtag.js) - Google Analytics