CSS - 随笔分类 - eaysun

摘要：CSS属性，代码如下：word-break:normal;word-wrap:break-word; 阅读全文

posted @ 2015-09-09 17:30 eaysun 阅读(1259) 评论(0) 推荐(0)

摘要：一、列布局，左右宽度固定，中间一列随浏览器窗口变化宽度首先考到了定位中的方法中的文档流和浮动流，然后考到了文档流和浮动流默认宽度和显示层级（我一般理解成index这种含义，或者画布中的上下层一样，浮动流会居于上层，文档流会居于下层，因此浮动流区块可能会部分遮住文档流区块，但是文档流在下面是依然存在的... 阅读全文

posted @ 2015-07-23 09:30 eaysun 阅读(1519) 评论(0) 推荐(0)

IE8+兼容经验小结（转）

摘要：IE8+兼容经验小结January 15, 2014最近一段时间，我都使用Flask+Bootstrap3的框架组合进行开发。本文就是在这种技术组合下，分享IE8+兼容性问题的解决方法。根据我的实践经验，如果你在写HTML/CSS时候是按照W3C推荐的方式写的，然后下面的几点都关注过，那么基本上很大... 阅读全文

posted @ 2015-01-27 12:02 eaysun 阅读(2827) 评论(0) 推荐(0)

hack速查表

摘要：建议：以标准浏览器为准书写代码，如遇到兼容问题，尝试其他方法解决问题，在万不得已怕情况下，采用HACK解决。以下是我总结的HACK书写方法:浏览器：仅限IE6+，FF，safari,chrome,opera;(截止到2011.10.12非IE均为最新版本)。测试环境：windows系统;DOCTYP... 阅读全文

posted @ 2014-11-19 23:01 eaysun 阅读(130) 评论(0) 推荐(0)

ie6常见css bug

摘要：IE6双倍边距bug在IE6下如果某个标签使用了float属性，同时设置了其外补丁“margin:0 10px”可以看出，但第一个对象距左边有20px。说明：这是因为块级对象默认的display属性值是block，当设置了浮动的同时，还设置了它的外边距就会出现这种情况。也许你会问：“为什么第二个对... 阅读全文

posted @ 2014-11-19 17:47 eaysun 阅读(235) 评论(0) 推荐(0)

详说 IE hasLayout

摘要：一.hasLayout 是什么？hasLayout 与 BFC 有很多相似之处，但 hasLayout 的概念会更容易理解。在 Internet Explorer 中，元素使用“布局”概念来控制尺寸和定位，分为拥有布局和没有布局两种情况，拥有布局的元素由它控制本身及其子元素的尺寸和定位，而没有布局的... 阅读全文

posted @ 2014-11-19 16:42 eaysun 阅读(167) 评论(0) 推荐(0)

常用字体的unicode表示

摘要：ie9中line-height失效解决方法：只需设置好字体，添加个宋体即可解决如CSS代码font-family:Arial, "宋体",Helvetica, sans-serif;设置字体时候注意，还需设置大家都默认系统自带字体，如黑体，宋体。在中文IE9中不认英文字体，所以IE9找不到设置中文... 阅读全文

posted @ 2014-11-10 14:03 eaysun 阅读(986) 评论(0) 推荐(0)

深入了解css的行高Line Height属性

摘要：什么是行间距？古时候我们使用印刷机来出来文字。印刷出来的每个字，都位于独立的一个块中。行间距，即传说中控制两行文字垂直距离的东东。在CSS中，line-height被用来控制行与行之间垂直距离。不过，行间距与半行间距，还是取决于CSS中的line-height。那么，如何来使用line-height... 阅读全文

posted @ 2014-11-07 16:44 eaysun 阅读(1821) 评论(1) 推荐(0)

CSS定位布局display/float/position属性之间的关系/区别和如何使用取值行为机制

摘要：float: left|right; 可以自动排列自动折行, 但需要clear来配合清除浮动;display: inline-block; 有些时候可以替代float实现相同的效果.position: absolute|relative; 要配合top,left等定位;position: absol... 阅读全文

posted @ 2014-10-26 15:56 eaysun 阅读(2424) 评论(0) 推荐(0)

CSS技巧（三）：CSS经常忘记两个简写

摘要：盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：缩写的顺序是上->右->下->左。顺时针的方向。相对的边的值相同，则可以省掉：margin:1px;//四个方向的边距相同，等同于margin:1... 阅读全文

posted @ 2014-10-26 15:27 eaysun 阅读(253) 评论(0) 推荐(0)

外部引用CSS中 link与@import的区别

摘要：差别1：link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。差别2：加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的C... 阅读全文

posted @ 2014-10-24 15:44 eaysun 阅读(447) 评论(0) 推荐(0)

CSS技巧（二）：CSS hack

摘要：什么是CSS hackCSS hack由于不同的浏览器，比如IE6,IE7,Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的... 阅读全文

posted @ 2014-10-23 20:07 eaysun 阅读(215) 评论(0) 推荐(0)

CSS技巧（一）：清除浮动总洁

摘要：什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进... 阅读全文

posted @ 2014-10-23 18:01 eaysun 阅读(180) 评论(0) 推荐(0)

水平居中和垂直居中

摘要：1.水平居中(1) 文本、图片等行内元素的水平居中给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中。(2) 确定宽度的块级元素的水平居中通过设置margin-left:auto;和margin-right:auto;来实现的。(3) 不确定宽度的块级元素的... 阅读全文

posted @ 2014-04-21 15:20 eaysun 阅读(1053) 评论(0) 推荐(0)

块级元素在不确定宽度情况如何使其居中

摘要：要求：将下面的三行分页水平居中。 *{ margin: 0; padding: 0;}ul{ list-style: none;}.wrap{ width: 500px; height: 100px; background: #000;}.test{ pad... 阅读全文

posted @ 2014-04-21 15:09 eaysun 阅读(169) 评论(0) 推荐(0)

怎么让块级元素水平和垂直都居中

摘要：在我们平时用DIVCSS布局网页的时候，经常碰到就是如何让div块水平和垂直都居中的情况，今天，建站教程网就给大家提供两种方法：方式一：利用定位及负边距让块级元素水平和垂直都居中（方法一）方式二：利用margin居中的方法让块级元素水平和垂直都居中（方法二）阅读全文

posted @ 2014-04-21 14:59 eaysun 阅读(547) 评论(0) 推荐(0)

Eaysun

随笔分类 - CSS

公告