-
-
2今天16点20年职场老司机明哥在douyin直播间揭秘职场生存与发展之道
-
9常用的hack基本上都有课，其实我一直不赞成使用太多 hack，只有个别问题在低版本IE下才有使用hack的必要。 另外这里有个在线 Demo，用不同浏览器打开，变绿的表示当前浏览器下hack生效，大家可以自己试试 http://keenwon.com/demo/201402/css-hack.html 原文地址：http://keenwon.com/831.html
-
4一些喜欢共享的朋友可以发资源在这里，对于另外开贴的一律视为广告删除
-
23学习3d从构建立方体开始！ 大家好，最近一直忙着工作，很久没有出现了。这个教程毕业前就想出了的，那时也忙着找工作和毕业，所以拖了下来。这次给大家说说用css3构建3d效果。 /* 为了代码的简洁性，测试代码全部只能最新版firefox打开，如需另外浏览器打开，在相应属性上加上浏览器特有前缀即可 */ 从构建一个立方体开始学习吧。 关键属性 perspective transform-style transform 相关属性 transition animation backface-visibility transform-origin perspective 先大概了解一
-
14素材库随便拉一张镇楼
-
12各位亲爱的吧友好，这周着实不知道写什么好，只好写个transform充下数。上周写了transition和animation来创建动画，但是没有transform这个属性，动画总是那么的不完美，那么的没意思。这也是这周介绍下transform这个属性的原因。 在css2时代，如果要做一些图片转换角度，文字倾斜的效果，需要用ps等工具处理成一张背景透明图片，然后用图片展示，但是现在用css3完全可以用transform来做，而且有个很大的优点，图片不用处理，文字可选，产生后果后对布局不共 4 张二哈i
4-19
-
15今天给大家介绍个怎么利用:hover伪类制作二级导航菜单。 :hover伪类就是鼠标悬停在元素上面时候向该元素添加的样式。大家平时一定使用过这样的代码：a:hover{color:#f0f0f0;}这是鼠标悬停于a标签元素上面是为该链接文字改变颜色。我们可以利用:hover伪类和选择器改变其它元素的显示隐藏值，于是就可以制作二级菜单。 代码在二楼，另外，由于IE6不支持>选择器，所以不兼容IE6； 又：我以后写的代码都是用chrome浏览器做的测试，所以大家尽量使用chrome
-
34大家好，今天是第一帖，给大家讲讲css3的动画效果。第一次写这样的帖子，有什么意见以及建议楼下回复，下次开贴会尽量改善。楼下轻拍~ 看这个帖子自备手册，对于属性本身，由于本人表达能力有限，请看手册。 现在网页前端制作很多动画效果都是用jquery来完成，但是通过css3，很多效果都可以只用css来完成。 在讲css3之前，首先讲下动画，动画跟电影，电视一样，都是利用人的眼睛有视觉暂留的特性，在一幅画没有在人的眼睛消失之前播放下一
-
24方法一： 跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多，具体可以查看： 本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果： ———————IE6—
-
91, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK. (注意写法.记得该声明位置需要提前.) #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持. #wrapper { #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed */ } 注意: *+html 对IE7的HACK 必须保证HTML顶部有如下声明,”<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 T
-
101.解决背景不能延伸的问题 <div id="content"><div id="main"> <div id="maincol"></div> <div id="xcol"></div></div><div id="subcol"></div></div> <style type="text/css"> <!-- #content{width:700px; background:url(img/bg.png)repeat-y;}#subcol {float:left; width:200px;}#main {width:500px; float:right;}#maincol {width:300px;float:left;}#xcol {width:200px; float:right;} --> </style> 上面的问题，背景的自适应高度并不继承flo
-
48这是在网页设计师上看到的一篇文章，很适合入门div＋css布局的人看，转了过来收藏。 你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="
-
41空间名称和简介区域 #header 主体部分{height:89px;background:#3399CC} #header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat} #header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right} #header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体} #header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none} #header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none} #header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px} #tabline TAB菜单下方的横线{
-
16转载请注明出处 ------------------------------------------------------------------------------- 空间名称和简介区域 #header ——主体部分—空间头部的整个标题部分 #header div.lc ——主页左上角背景图片 #header div.rc—— 主页右上角背景图片 #header div.tit ——空间名称，即主标题，名字大小颜色 #header div.tit a.titlink ——空间名称链接，未被点击 #header div.tit a.titlink:visited——已被访问过的链接 #header div.desc ——空间简介，即副标题，位置大小颜色 -----------------
