css_css教程_css入门教程_css和html教程

css如何使字母数字强制换行关注热度:382

css如何使字母数字强制换行,兼容 IE 和 FF 的换行 CSS 推荐样式. 以下是引用片段： word-wrap:break-word;overflow:hidden; word-wrap:break-word;word-break:break-all; 以下是引用片段： word-wrap:break-word;overfl..[详情]
CSS图文混排关注热度:620

学习了CSS布局的定位和浮动，我们可以简单地做出很多排版和内容拼接。今天就来做几个简单的实例展示现在流行的DIV+CSS布局的方便好用之处。顺便也说一下CSS3新增的样式属性box-sh..[详情]
CSS中overflow清除浮动的用法详细解答关注热度:195

CSS中overflow清除浮动的用法详细解答 divid=containerdivid=left/divdivid=right/div/div #container{width:1000px;overflow:hidden;background:#999999;}#left{width:70%;height:500px;float:left;background:#ff0000;}#right{width:28%;height..[详情]
CSS的一些圆角图形实例分享关注热度:321

这是比较流行的CSS圆角，制作方法和理解都有困难，但看完这篇文章，就能掌握这种方法。先看效果：制作方法为了更好的理解，先用简单的代码为例。 XHTML代码： bclass=topbclass=b1/..[详情]
CSS3绘制圆角矩形的简单示例关注热度:201

随着网络的发展，CSS 也在不断的完善，充分吸取多年来 Web 发展的需求，提出了很多新颖的 CSS 特性，例如很受欢迎的圆角矩形 border-radius 属性，但很可惜，此属性目前没有得到任何浏..[详情]
CSS实现菜单背景自适应宽度的方法关注热度:283

本文实例讲述了CSS实现菜单背景自适应宽度的方法。分享给大家供大家参考。具体如下：为了让菜单看上去更漂亮一些，我们都喜欢用图片去修饰菜单的背景，如果是规则图片，那很好..[详情]
CSS编程的外部CSS文件引用方法关注热度:351

CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件. 外部引用相对于内部引用和内联引用来说是高效的是节省宽带的. 外部引用是W3C推荐使..[详情]
CSS :active 伪类元素被激活时的样式关注热度:231

:active -- CSS :active 伪类，适用于一个元素被激活时的样式语法: :active CSS版本：CSS1 说明：适用于一个元素被激活时的样式，例如鼠标在此元素的区域内按下但还没有释放时客户端（浏..[详情]
div+css仿淘宝的产品分类菜单效果代码实现关注热度:283

div+css仿淘宝的产品分类菜单效果代码实现本文实例讲述了div+css实现仿淘宝的产品分类菜单效果代码。分享给大家供大家参考。具体如下：这是一款仿淘宝的产品分类菜单，CSS菜单，鼠..[详情]

推荐
div+css仿猪八戒首页导航菜单效果实现关注热度:301

div+css仿猪八戒首页导航菜单效果实现本文实例讲述了div+css实现仿猪八戒首页导航菜单效果。分享给大家供大家参考。具体如下：这是一款仿猪八戒2010年首页的网页导航菜单，蓝色风..[详情]

推荐
css3抖动动画,CSS Shake分享关注热度:591

css3抖动动画,CSS Shake分享 CSS Shake是一个使用CSS3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果（如下面的GIF图像）。这是一个很微小的动画，但使用得当..[详情]

推荐
推荐一款CSS3动画插件ANIMATE.CSS 关注热度:621

推荐一款CSS3动画插件ANIMATE.CSS addstresshttps://github.com/daneden/animate.css Animate.css 只需加类CSS动画 animate.css 是一个很酷，有趣，和跨浏览器动画，为您使用在您的项目。伟大的强调，主页，..[详情]
CSS和javascript结合实现悬浮固定菜单效果关注热度:227

效果展示图如下，兼容chrome，firefox，windows，360，搜狗等主流浏览器点击这里下载源码米扑代理，是由百度，小米出来的工程师创建，做得非常棒，功能很全很贴心。 JS + CSS 经典实现..[详情]

推荐
javascript实现点击切换TAB标签实例关注热度:323

一个不需要jQuery实现的tab选项卡切换效果，代码简洁易用。默认是鼠标悬停显示tab效果，可将其中的onmouseover 修改为 onclick 点击效果使用方法： 1、将附件中的index.html中的css样式以及..[详情]

推荐
css3实现窗户玻璃雨滴效果 关注热度:1338

这里仅是用CSS技术来演示这样的一个场景，可能并不太实用。然而这是一个探索CSS新功能的最佳机会。可以让你尝试使用一些新特性和新工具。并且逐渐将在工作中实践。在制作窗口雨..[详情]

推荐
齐全的CSS3动画库animate.css 详解关注热度:289

简介 animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画..[详情]
CSS中行高line-height属性的一些使用详解关注热度:280

本教程详解CSS中行高line-height属性的一些使用详解先来回顾一下line-height的基础知识：语法： line-height : normal | 实数 | 长度 | 百分比 | inherit 说明：设置元素中行的高度。值： normal：..[详情]

推荐
CSS中视窗单位和百分比单位的使用详解关注热度:181

视窗(Viewport)单位视窗(Viewport)单位是相对单位，意味着它们没有客观的尺寸。它们的大小是由视窗(Viewport)大小决定的。下面是四个与视窗(Viewport)有关的单位。我将集中讨论前两个单位..[详情]

推荐
CSS中的下划线text-decoration属性使用详解关注热度:175

定义和用法 text-decoration 属性规定添加到文本的修饰。注释：修饰的颜色由 color 属性设置。说明这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先..[详情]

推荐
CSS3新增属性用法整理详解关注热度:157

测试环境: OS -- winXP Browsers -- IE6+, FF 3.0.11, FF 3.5, Opera 10 beta 2, Safari 4, Chrome 3.0.195 一. box-shadow(阴影效果) 使用: box-shadow:20px10px0#000;-moz-box-shadow:20px10px0#000;-webkit-box-shadow:20px10px0#000; 支持:..[详情]
CSS响应式图片运用中的srcset属性详解关注热度:162

本教程讲解CSS响应式图片运用中的srcset属性详解介绍在整个网站的开发中，在管理图片上较为困难。注意，图片要在各种设备上平滑过渡显示，它们将会碰到的问题有：适当的优化和..[详情]
css3的Regions扩展详解［重点］ 关注热度:275

这是一个adobe的提议：css Regions，提供在多个不同元素中排布内容的方法。首先需要为内容容器声明一个flow属性独一无二的字符值，然后通过from（）函数和内容的属性确定内容将会在哪..[详情]

推荐
CSS3 经典教程系列：CSS3 圆角（border-radius）详解关注热度:215

现在有了CSS3的border-radius特性之后，实现边框圆角效果就非常简单了，而且其还有多个优点：一是减少网站维护工作量；二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速..[详情]
CSS中font-size属性及其em值的使用关注热度:174

本教程讲解CSS中font-size属性及其em值的使用定义和用法 font-size 属性可设置字体的尺寸。说明该属性设置元素的字体大小。注意，实际上它设置的是字体中字符框的高度；实际的字符字..[详情]

推荐
CSS3中animation属性的使用详解关注热度:253

在开始介绍Animation之前我们有必要先来了解一个特殊的东西，那就是”Keyframes”,我们把他叫做“关键帧”，玩过flash的朋友可能对这个东西并不会陌生。下面我们就一起来看看这个“..[详情]
css对未知高度的图片设置垂直居中的方法详解关注热度:242

本教程讲解css对未知高度的图片设置垂直居中的方法详解标准浏览器还是将外部容器#box的显示模式设置为display:table-cell，IE6/IE7是利用在img标签的前面插入一对空标签的办法但是实际在..[详情]

推荐
CSS伪元素实现文字部分变色的方法关注热度:224

本教程讲解CSS伪元素实现文字部分变色的方法思路思路很简单，就是一个字写两遍，一个字只显示部分，不过不能真的把一个字写两遍。这里就需要用到CSS伪元素:before和:after，记住这..[详情]
CSS3中@media的实际使用详解关注热度:207

本教程讲解CSS3中@media的实际使用详解语法： CSS Code复制内容到剪贴板 @media：sMedia{sRules} 取值： sMedia：指定设备名称。{sRules}：样式表定义。说明：判断媒介(对象)类型来实现不同的展..[详情]
CSS中iconfont的使用详解 关注热度:496

本教程讲解CSS中iconfont的使用详解初识iconfont 就算我们一开始不懂这个英文不懂是干嘛的，对于iconfont，英文从后往前读应该叫做：字体图标。这里面已经包含两个概念，首先必须是字..[详情]

推荐
CSS3判断横屏竖屏的简单方法关注热度:178

如何使用CSS3判断横屏竖屏的简单方法写在同一个CSS中 @mediascreenand(orientation:portrait){/*竖屏css*/}@mediascreenand(orientation:landscape){/*横屏css*/} 分开写在2个CSS中竖屏 linkrel=stylesheetmedia=alland(o..[详情]