网站地图    收藏   

主页 > 前端 > css教程 >

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

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

  • CSS图文混排关注热度:576

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

  • CSS中overflow清除浮动的用法详细解答关注热度:179

    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的一些圆角图形实例分享关注热度:305

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

  • CSS3绘制圆角矩形的简单示例关注热度:182

    随着网络的发展,CSS 也在不断的完善,充分吸取多年来 Web 发展的需求,提出了很多新颖的 CSS 特性,例如很受欢迎的圆角矩形 border-radius 属性,但很可惜,此属性目前没有得到任何浏..[详情]

  • CSS实现菜单背景自适应宽度的方法关注热度:263

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

  • CSS编程的外部CSS文件引用方法关注热度:329

    CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件. 外部引用相对于内部引用和内联引用来说是高效的是节省宽带的. 外部引用是W3C推荐使..[详情]

  • CSS :active 伪类 元素被激活时的样式关注热度:213

    :active -- CSS :active 伪类,适用于一个元素被激活时的样式 语法: :active CSS版本:CSS1 说明: 适用于一个元素被激活时的样式,例如鼠标在此元素的区域内按下但还没有释放时 客户端(浏..[详情]

  • div+css仿淘宝的产品分类菜单效果代码实现

    div+css仿淘宝的产品分类菜单效果代码实现关注热度:261

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

  • div+css仿猪八戒首页导航菜单效果实现

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

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

  • css3抖动动画,CSS Shake分享

    css3抖动动画,CSS Shake分享关注热度:564

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

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

    推荐一款CSS3动画插件ANIMATE.CSS addstresshttps://github.com/daneden/animate.css Animate.css 只需加类CSS动画 animate.css 是一个很酷,有趣,和跨浏览器动画,为您使用在您的项目。伟大的强调,主页,..[详情]

  • CSS和javascript结合实现悬浮固定菜单效果

    CSS和javascript结合实现悬浮固定菜单效果关注热度:204

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

  • javascript实现点击切换TAB标签实例

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

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

  • css3实现窗户玻璃雨滴效果

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

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

  • 齐全的CSS3动画库animate.css 详解关注热度:255

    简介 animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画..[详情]

  • CSS中行高line-height属性的一些使用详解

    CSS中行高line-height属性的一些使用详解关注热度:265

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

  • CSS中视窗单位和百分比单位的使用详解

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

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

  • CSS中的下划线text-decoration属性使用详解

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

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

  • CSS3新增属性用法整理详解关注热度:142

    测试环境: 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属性详解关注热度:146

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

  • css3的Regions扩展详解[重点]

    css3的Regions扩展详解[重点]关注热度:254

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

  • CSS3 经典教程系列:CSS3 圆角(border-radius)详解关注热度:198

    现在有了CSS3的border-radius特性之后,实现边框圆角效果就非常简单了,而且其还有多个优点:一是减少网站维护工作量;二是提高了网站的性能,少了对图片的 HTTP 的请求,网页载入速..[详情]

  • CSS中font-size属性及其em值的使用

    CSS中font-size属性及其em值的使用关注热度:161

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

  • CSS3中animation属性的使用详解关注热度:238

    在开始介绍Animation之前我们有必要先来了解一个特殊的东西,那就是”Keyframes”,我们把他叫做“关键帧”,玩过flash的朋友可能对这个东西并不会陌生。下面我们就一起来看看这个“..[详情]

  • css对未知高度的图片设置垂直居中的方法详解

    css对未知高度的图片设置垂直居中的方法详解关注热度:222

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

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

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

  • CSS3中@media的实际使用详解关注热度:189

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

  • CSS中iconfont的使用详解

    CSS中iconfont的使用详解关注热度:470

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

  • CSS3判断横屏竖屏的简单方法关注热度:164

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

栏目列表一览

入门教程

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com