css 底部

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>底部</title>
  6. <link rel="stylesheet" type="text/css" href="../css/reset.css"/>
  7. <style type="text/css">
  8. .footer{
  9. width: 100%;
  10. height: 50px;
  11. background: #cccccc;
  12. line-height: 50px;
  13. text-align: center;
  14. }
  15. .footer ul{display: inline-block;}
  16. .footer ul li{display: inline-block;margin-right:5px;}
  17. .footer ul li a{color:#666666;}
  18. .footer ul li a:hover{color:#1E90FF;}
  19. </style>
  20. </head>
  21. <body>
  22. <footer class="footer">
  23. <ul>
  24. <li><a href=""> 关于我们</a></li>
  25. <li><a href=""> 安全保障</a></li>
  26. <li><a href=""> 战略合作：MSN中文网</a></li>
  27. </ul>
  28. </footer>
  29. </body>
  30. </html>
时间： 2024-07-29 08:57:20

css 底部的相关文章

如何提升我的HTML&amp;CSS技术，编写有结构的代码

前言 之前写了四篇HTML和CSS的知识点,也相当于是一个知识点汇总.有需要的可以收藏,平时开发过程中应该会遇到这些点,到时候再查看这些博客可能更容易理解.从这篇开始更多的介绍开发过程经常让人头痛的前端问题,以及如何编写性能比较高的前端代码.本人也是刚入门前端的小菜,希望各位前端大牛多多纠正内容中写的不对的地方,让我提升的更快.最近看到博客园中好多前端大牛,都是在各大bat公司工作,这也是我做开发的梦想... 导航 1.基础篇 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知

css模块化思想（一）--------命名是个技术活【转】

正篇: 什么是css模块化思想?(what) 为了理解css模块化思想,我们首先了解下,什么是模块化,在百度百科上的解释是,在系统的结构中,模块是可组合.分解和更换的单元.模块化是一种处理复杂系统分解成为更好的可管理模块的方式.它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立.互相作用的组件,来处理复杂.大型的软件.看完模块化,是不是有种拼图的即视感,可以把大图分成各个小图,然后把小图拼成大图,分与合的艺术感.那么css模块化思想,也就是在css编写环境中,用上模块化的思想,把一

css的框架——global.css

global.css,一般这个css文件是用于装全站主要框架css样式代码. “global”翻译为全局.全部.从翻译中大家也能理解global.css用于做什么.大站常常用于装全站公共的CSS样式选择器. 全站能重复调用的CSS样式都放入此CSS文件内,可以节约样式代码.规范.有利于调用辨别.同时日后修改全站某处相同地方时候,由于全站公共部分样式集中于此global.css文件内,所以修改此文件内对应一处CSS样式即可完成对全站布局修改,节约时间方便管理. @charset "utf-8&qu

CSS模块化思想-----命名是个技术活

CSS模块化思想(一)--------命名是个技术活 引子: 女孩子都喜欢买衣服,而我也不例外,奈何钱包太瘦,买不起高大上的定制,只能买撞衫率极高的休闲衣,不过对于我来说,我还是开心的,毕竟买衣服买的不仅是衣服,更是一种心情.在web前端的世界里,css里也充满了生活的艺术,都说,艺术源于生活,却高于生活,是对生活的一种升华,那么在css里,是个性化的定制好,还是模块化的量产好呢?这就要看各个项目了,这是一种权衡,一切离不开一个度,这世上没有最好的,只有最适合自己的,在web前端的世界里亦是如此

css 模块化

什么是css模块化思想?(what) 为了理解css模块化思想,我们首先了解下,什么是模块化,在百度百科上的解释是,在系统的结构中,模块是可组合.分解和更换的单元.模块化是一种处理复杂系统分解成为更好的可管理模块的方式.它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立.互相作用的组件,来处理复杂.大型的软件.看完模块化,是不是有种拼图的即视感,可以把大图分成各个小图,然后把小图拼成大图,分与合的艺术感.那么css模块化思想,也就是在css编写环境中,用上模块化的思想,把一个大的项

css模块化思想（一）

什么是css模块化思想?(what) 为了理解css模块化思想,我们首先了解下,什么是模块化,在百度百科上的解释是,在系统的结构中,模块是可组合.分解和更换的单元.模块化是一种 处理复杂系统分解成为更好的可管理模块的方式.它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立.互相作用的组件,来处理复杂.大型的 软件.看完模块化,是不是有种拼图的即视感,可以把大图分成各个小图,然后把小图拼成大图,分与合的艺术感.那么css模块化思想,也就是在css编写环 境中,用上模块化的思想,把一个

编写高质量的 HTML 代码

编者寄言: 本文主要为编者读书笔记,在文章里面很多话是掺杂了编者自己的见解,如果有哪里出现错误或者用词不严谨,请友善留言,编者会及时去更改. 本文很多地方只是简单说了一下应该注意的地方,具体代码部分请自行上网查找,给您带来的困扰,非常抱歉. 这篇文章的主要目的是给一些自学 以及 对 HTML 5刚刚入门的朋友提供一些从编码习惯方面的帮助,如果您觉得这篇文章对您有帮助,请给编者点赞留言,鄙人感激不尽. 李鹏 2016年05月17日10:27:45 第零章 前言 web 前端开发是从网页制作演变而来

h5性能优化，细节决定结果。

介绍一些最近整理的优化细节.图片压缩什么的就不说了,这是优化必须做的.今天就说一下大家写代码时可以培养的优化的细节点. 不滥用float.不滥用web字体. Float在渲染时计算量比较大,并且会脱标.塌陷.我们可以用flex布局来代替.web字体引入需要不小的消耗,最好跟设计提一下不要太多. css中避免多余的样式设置. color.font.line-height等都是可以继承的,所以他们的子元素如果属性一样就要重复写了,特别是font-family. 复杂的一个方法,可以缓存函数的返回值.

copyright底部栏定位css样式(min-height)

关于底部版权栏定位的一点点小技巧,让其一直处于页面的最底部. html代码: css代码: reset代码,清除浏览器留下的margin和padding: 设置html,body的高度100%: 通过top的min-height和底部栏的height和margin-top来完成布局: