针对之前遇到过的一些特殊样式的实现，我今天做个总结，目的有二：一是将这些方法记录下来，以便将来需要用到时查找使用。二为将这些大神们智慧的结晶发扬光大，让广大前端程序猿们能够少走弯路。此贴为更新帖，以后若有好的css样式技巧，小哥我会不定期更新。 一、块元素水平垂直居中（特别鸣谢：鑫生活。鑫哥出品必属 ...
分类：
Web程序 时间：
2016-07-14 10:01:29
阅读次数：
166
块级元素，简单来说，就是自己独占一行的元素。其特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 汇总代码如下： 1 <!doctype html> 2 <html> 3 <head> 4 <m ...
分类：
Web程序 时间：
2016-07-13 21:04:01
阅读次数：
245
转： http://uedc.163.com/2248.html 前言 什么是原型呢？ 产品原型简单的说就是产品设计成形之前的一个简单框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。 就我个人而言，目前使用频率最多，最高效， ...
分类：
其他好文 时间：
2016-07-09 14:57:24
阅读次数：
266
HTML： 1.标签的有开有合。 2.避免冗余代码，例如去除空格字符。 3.合理利用标签语义化。 4.合理的嵌套规则，避免行元素内嵌套块元素。 5.img标签内需要添加title属性和alt属性。 6.a标签内需要添加title属性。 7.Meta标签的优化（过去搜索引擎优化的重要手法，现在已经不是 ...
分类：
Web程序 时间：
2016-07-06 00:20:57
阅读次数：
175
logo优化：1.logo图片尽量小。2.一般情况下是作为背景放入的。2.肯定加h1标签（提权）4.搜索引擎对文本链接最友好。 <a href="#">123456</a>5.可以利用text-indent:-9999em; 隐藏文字,再display:block;转为块，再设置它的高（块元素只能继 ...
分类：
Web程序 时间：
2016-07-05 22:31:58
阅读次数：
178
块元素： 1.占用整行宽度 2.前后都有换行符 3.拥有完整的盒模型结构 行内元素： 1.根据内容决定占用宽度 2.前后不换行 3.不拥有完整的盒模型结构 补充： warning： 1.一个内联元素设置为display:block是不允许有它内部的嵌套块元素。 2.块级元素可以包含行内和块级，但行内 ...
分类：
其他好文 时间：
2016-07-05 10:07:24
阅读次数：
139
为什么会出现浏览器兼容问题？ 由于各大主流浏览器是不同的厂家开发的，所以使用的核心也不相同，架构代码很难重合，就会产生各种各样的bug。 IE6中常见的css解析bug 1）默认高度（IE6）部分块元素会拥有默认的高度 hack1：给元素添加声明：font-size：0； hack2：给元素添加声明 ...
分类：
Web程序 时间：
2016-07-03 15:49:41
阅读次数：
156
css基础知识掌握之后(个人的标准是：弄清块元素与内联元素的区别，弄清float的应用场景，弄清position[p?'z???n] 下五个属性static['stæt?k],relative['r?l?t?vli] ,absolute['æbs?lut] ,fixed[f?kst],inherit ...
分类：
Web程序 时间：
2016-07-03 10:30:17
阅读次数：
259
默认：控制宽高，上下外边距，独自占一行（占用一行，不能放其他东西） 默认：不可以控制宽高，上下外边距。一行可以放置多个 image是属于行列元素 class相当于名字 class=“” 。起的名字重要是来控制样式，名字可以重复用 id=“”相当于身份张，具有唯一性 id名字 1、不能用中文名字 2、 ...
分类：
其他好文 时间：
2016-06-30 21:34:40
阅读次数：
192
1.流（flow）是浏览器在页面上摆放HTML元素所用的方法。 对于块元素，浏览器从上到下沿着元素流逐个显示所遇到的各个元素，会在每个块元素之间加一个换行； 对于内联元素，在水平方向会相互挨着，总体上会从左上方留向右下方。 2.流与盒模型 盒模型：从CSS角度来看，每个元素都是一个盒子。由内容区（c ...
分类：
Web程序 时间：
2016-06-30 18:23:46
阅读次数：
148
