CSS - 酷站代码

首页 > 网页教程 > CSS > 列表

CSS Sprites（CSS精灵）技术及其优化经验分享: CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵、CSS雪碧的家伙到底解决了什么问题，我们又怎样合理使用这个技术呢？下面让我们详细的聊聊。...; 更新时间：2012-05-20

20个基于CSS3制作的3D按钮教程分享（附DEMO演示）: 随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。在过去的Web开发中，通常使用Photoshop来设计按钮的样式，不过随着CSS3技术的发展，完全可以通过几行代码来制作一...; 更新时间：2012-05-09

11个精美的CSS网页字体设计工具和教程分享: 字体在网页设计中扮演着重要角色，但是要在网页中把字体用好并不是件容易的事情。这篇文章向大家分享12个非常有用的CSS工具和教程，帮助你在网页中实现漂亮的字体效果。...; 更新时间：2012-05-03

CSS教程：清理浮动简洁有效的方式分享: 清理浮动有很多种方式，像使用 br 标签自带的 clear 属，使用元素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。...; 更新时间：2012-04-18

CSS3教程：创意独特漂亮的CSS动画导航菜单设计: 本文将为大家带来一些充满创意的菜单悬停效果。它由图标，主标题，副标题等简单的元素构成，通过CSS3最新的过渡（transition）和动画（animation）两个功能实现鼠标悬停时的动画效果。我们用...; 更新时间：2012-04-13

css教程：解决float属性的元素父元素高度不能自适应: 在CSS里定义了如CLASS类这样的浮动后，你会发现父div名box没有高度，所以又时候你可能感觉到父div的margin没有效果，这种情况下，你只需要给父div加个overflow:hidden就可以了，譬如...; 更新时间：2012-04-12

10种导致CSS布局页面错乱的解决方法分享: 检查一下有无拼写错误、是否忘记结尾的等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。...; 更新时间：2012-04-08

CSS新手教程：30个CSS常见问题的分析及解决方法: 在日常的页面制作时，不可避免的会碰上这样那样的问题，下面就对CSS常见问题的解决方案进行了总结，希望对大家的学习会有所帮助。如何定义高度很小的容器在IE6下无法定义小高度的容器，...; 更新时间：2012-04-08

瀑布流布局插件masonry在IE6下BUG的解决方案: 类似于蘑菇街、美丽说、淘女郎等，错落有致的瀑布流效果。虽然我们可以用算法用最原始的垂直结构来实现，但是总归增加了布局难度。...; 更新时间：2012-03-21

8个国外网页瀑布流布局主题欣赏及其做法揭秘（附下载）: 瀑布流布局，很让我感到兴趣。它巧妙地重排元素，并填补了网页的所有空间，而在每个浏览器上显示效果都十分出色，而且通常配以流畅的动画效果。其中有些甚至针对不同类别有不同效果...; 更新时间：2012-03-21

瀑布流布局：用CSS+DIV等宽格子堆砌瀑布流效果: 用CSS布局等宽的Div格子堆砌在一起的效果，自动适应，网人有人把它叫做“瀑布流”的布局，因为整体看上去第一个Div块就像流水的瀑布一样，紧挨着堆砌在一起，是学习CSS定位的好范例。...; 更新时间：2012-03-21

10款精致漂亮的CSS+jQuery的加载中（loading）动画效果: 以往web开发中都使用Gif来实现加载中的效果，但是随着技术的发展我们也可以使用jQuery和CSS来实现加载中的效果，希望大家喜欢！...; 更新时间：2012-02-29

115条上一页 1 2 3 4 5 6 7 8 9 10 下一页

教程排行榜: Masonry：一款很好用的jquery网页瀑布流布局插件; 18款超有创意的个性404页面设计欣赏; 21个令人惊叹的CSS技术（案例）展示; 新手教程：CSS3和HTML5只需五步打造出便签效果; 8个国外网页瀑布流布局主题欣赏及其做法揭...; 网页制作之教你制作网页滑动切换效果; 15个超棒的响应式网页设计教程推荐; CSS3教程：创意独特漂亮的CSS动画导航菜单设计; 视觉设计：页面构建的审图与细节; 20个精致漂亮的视频播放器界面设计欣赏及点评; 16个效果漂亮的jQuery网站导航特效代码推荐; 8款很酷基于HTML5技术的网站设计欣赏

下载排行榜: 右侧悬浮QQ在线客服代码支持展开和隐藏的功能; 轻量级的myFocus V2焦点图/轮播幻灯片代码...; 漂亮的jQuery+CSS左右滑动式图片特效代码; QQ/旺旺在线客服浮窗支持收缩/展开和百度...; 动画式滑动的jquery幻灯特效缩略图和文字...; 效果很漂亮的jQuery导航菜单鼠标划过会显...; 支持全屏显示的jquery+CSS3滑动式图片特效代码; 31款简单实用的CSS+JS下拉菜单脚本; 独具创意的jquery图片特效可全方位滑动显...; 超好用的弹出层、对话框、弹出窗口事件类JS...; 超炫的jquery滑动式焦点幻灯片代码支持缩...; jquery鼠标特效支持鼠标划过变暗的效果