轩枫阁

做个全面的总结，之前做面试的时候，有些标签有点混淆，确实挺多的，下面详细介绍下内联元素与块级元素：

block（块）元素的特点：

①总是在新行上开始；

②高度，行高以及外边距和内边距都可控制；

③宽度缺省是它的容器的100%，除非设定一个宽度。

④它可以容纳内联元素和其他块元素

inline元素的特点：

①和其他元素都在一行上；

②高，行高及外边距和内边距不可改变；

③宽度就是它的文字或图片的宽度，不可改变 查看全文

前言

对于许多web开发者，认为擅长css就是能把一个视觉设计图用代码完美的复现出来。你不使用table，而且很自信，自己可以使用尽可能少的图片。如果你确实很棒，就会使用最新最伟大的技术例如Media Queries，Ttransform和Transition。一个好的css开发人员确实是会这些，但是很少在评估一个人的水平时会将css作为完全独立的一面被提及。

有趣的是，我们通常不这样评判其他语言。一个Rails开发者不会因为他写的代码规范就认为他是一个好的开发者。因为这是最基本的。当然它必须是满足规范，除此以外还要考虑其他方面:代码是否有可读性？他是否容易修改或是拓展？他是否跟程序的其他部分解耦合？他是否可以扩展？

当评估代码其他部分时这些问题是自然的，所以css也不应该例外。如今的web应用程序比以往大很多，一个考虑不周的css架构足以阻碍web程序的发展。是时候像评价应用程序其他部分一样的方式评价css。他不是一个事后的产生的想法或不仅仅是设计师的问题。 查看全文

前言

作为一个Web的前端攻城师，在制作页面效果时肯定有碰到下面这种现象：当一个HTML页面中含有较少的内容时，Web页面的“footer”部分随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在宽屏越来越多，这种现象更是常见。

那么如何将Web页面的“footer”部分永远固定在页面的底部呢？注意了这里所说的是页脚footer永远固定在页面的底部，而不是永远固定在显示器屏幕的底部，换句话说，就是当内容只有一点点时，Web页面显示在浏览器底部，当内容高度超过浏览器高度时，Web页面的footer部分在页面的底部，总而言之Web页面的footer部分永远在页面的底部，换句说，Footer部分永远沉底。 查看全文

前言

很多网站的logo都使用图片替换文本来实现，而且在一些情况下也有使用图片效果来替换难以实现的文本效果。这些制作我想大家在平时制作中都或多或少的碰到过，那么今天我老话重谈，整理了十种图片替换文本的制作方法。希望对大家有所帮助。

制作原理

使用图片替换文本，其原理是相当的简单：就是在样式中使用背景图片来替换掉HTML模板中的文本内容，从而达到一种样式无法实现的页面渲染效果。使用图片替换有其优点也有其缺点，优点就是能实现一些特殊的页面效果，缺点就是需要加载图片，而且一些不好的替换方法给残障人员浏览网页会造成一定的不良之处，另外据说会对搜索引擎的搜索有影响，对于这一点没有考究过。那么我们也不去控寻这方面的问题，我们一起来看今天所要说的图片替换文本的制作方法。 查看全文

CSS要学会并不是一件难事，但要在一个大项目中写好CSS和管理好CSS还是有一定的难度的。不过并不可怕，如果你遵循一定的方法，还是很容易写出一个较好的CSS，也能很好的管理好你的CSS样式。下面搜集了几个这方面的技巧，希望能帮助大家写出一个更好的CSS样式。
 

一、不要使用全局复位样式

使用全局复位样式来删除所有HTML元素的默认的“margin”和“padding”是非常不好的一种做法。他不仅缓慢和效率低，但你在项目中必须重置这些参数。就像Eric Meyer重置样式。 查看全文