html5中文学习网

您的位置: 首页 > 视频教程 > CSS3视频教程
  • 2015-08-18 23:21:36 使用CSS伪元素实现文字部分变色的方法_Div+Css教程
  • 思路思路很简单,就是一个字写两遍,一个字只显示部分,不过不能真的把一个字写两遍。这里就需要用到CSS伪元素:before和:after,记住这个“伪元素”的“伪”字,表明它本来是不存在的。我们的方法就是在
  • 2015-08-18 23:21:35 CSS3的RGBA中关于整数和百分比值的转换_Div+Css教程
  • v  如何把整数转换为百分数  前面提到了,使用百分数值代替整数值来表示红、绿、蓝三原色的量,最后得到的结果是相同的。0代表0%,255就表示100%。为了让百分数等值,你只需要让整数值除以255然后乘以100%就可以了。 
  • 2015-08-18 23:21:35 CSS中对RGB颜色的使用详解_Div+Css教程
  •   RGB颜色模型解释  RGB颜色模型就是一种描述某个颜色里面有多少红、绿、蓝三原色的量的方法,就像把水彩颜料或油彩颜料混合起来得到某种我们想要的真实色彩一样。  想象下如果你要配出一个纯蓝色,为了实现这个,
  • 2015-08-18 23:21:32 inline-block带来的元素间距问题解决_Div+Css教程
  •   display:inline-block:众前端们都知道,其作用是将对象呈递为内联对象,但是对象的内容作为块对象呈递。  有如下代码  CSS Code复制内容到剪贴板 <div class="ac-btn"> <a href="#" class="btn-save"></a>
  • 2015-08-18 23:21:31 CSS的font-size属性及其em值的使用_Div+Css教程
  •   定义和用法  font-size 属性可设置字体的尺寸。  说明  该属性设置元素的字体大小。注意,实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。  各关键字对应的字体必须比
  • 2015-08-18 23:21:31 利用CSS3的transition属性实现滑动效果_Div+Css教程
  •   首先援引一下w3school上的transition基本知识:  定义和用法  transition 属性是一个简写属性,用于设置四个过渡属性:  transition-property  transition-duration  transition-timing-function  transi
  • 2015-08-18 23:21:29 鼠标悬停图片产生边框的效果实现_Div+Css教程
  •   HTML  图片的宽高一定要定义  XML/HTML Code复制内容到剪贴板             CSS  CSS Code复制内容到剪贴板  .con {  margin: 50px;  position: relative;  }  .border {  positio
  • 2015-08-18 23:21:27 CSS3中Animation属性的使用详解_Div+Css教程
  •   在开始介绍Animation之前我们有必要先来了解一个特殊的东西,那就是&rdquo;Keyframes&rdquo;,我们把他叫做&ldquo;关键帧&rdquo;,玩过flash的朋友可能对这个东西并不会陌生。下面我们就一起来看看这个&ldquo;Keyfra
  • 2015-08-18 23:21:27 让Div实现水平或垂直居中的相关方法_Div+Css教程
  •   先来看一个最普通的实现示例:  创建一个新的html页面,  XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans
  • 2015-08-18 23:21:26 CSS选择器学习攻略_Div+Css教程
  •   CSS选择器基本知识  一、基本选择器  序号 选择器 含义  1. * 通用元素选择器,匹配任何元素  2. E 标签选择器,匹配所有使用E标签的元素  3. .info class选择器,匹配所有class属性中包含info的元素  4.
  • 2015-08-18 23:21:25 CSS三角箭头应用实践_Div+Css教程
  •   用CSS来制作无图片带箭头的DIV方框(此代码比较适合追求纯代码者)  这类效果也可以用图片背景来实现,代码会更简洁  CSS代码:  CSS Code复制内容到剪贴板  div.container{position:absolute;  top:30px;
  • 2015-08-18 23:21:24 全方位了解CSS3的Regions扩展_Div+Css教程
  • 这是一个adobe的提议:css Regions,提供在多个不同元素中排布内容的方法。首先需要为内容容器声明一个flow属性独一无二的字符值,然后通过from()函数和内容的属性确定内容将会在哪些元素内排布:
    1. .content { flow: foo; }
  • 2015-08-18 23:21:23 CentOS下Cobbler的安装和配置教程_Div+Css教程
  •   Cobbler是一个快速网络安装linux的服务,而且在经过调整也可以支持网络安装windows。该工具使用python开发,小巧轻便(才15k行python代码),使用简单的命令即可完成PXE网络安装环境的配置,同时还可以管理DHCP、DNS、以
  • 2015-08-18 23:21:22 CSS中的层分离编程详解_Div+Css教程
  •   随着CSS的发展,使用CSS有语义化的命名约定和CSS层的分离,将有助于它的可扩展性,性能的提高和代码的组织管理。  在我前面的文章中讨论很多关于CSS的问题都可以通过使用一个适当的CSS策略来避免。在这篇文章里,我将
  • 2015-08-18 23:21:21 浅谈CSS响应式图片运用中的srcset属性_Div+Css教程
  •   介绍  在整个网站的开发中,在管理图片上较为困难。注意,图片要在各种设备上平滑过渡显示,它们将会碰到的问题有:  适当的优化和减少图片的体积  注意不要浪费带宽(网站的成败与否加载速度是其中主要因素之一)
  • 2015-08-18 23:21:17 搭建Docker私有仓库的详细教程_Div+Css教程
  •   1.Docker registry 说明  本文记录的个人完整搭建docker registry操作过程,官方虽然提供了Docker Hub作为一个公开的集中仓库,但是天朝的网络可想而知,第一次pull一个镜像不是失败就是时间很长,为了解决这个问题
  • 2015-08-18 23:21:17 CSS中的font-size属性使用教程_Div+Css教程
  •   基本语法结构:  Font-size+字体大小数值+单位  单词:font-size  语法:font-size : absolute-size | relative-size | length  取值:xx-small | x-small | small | medium | large | x-large | xx-large  x
  • 2015-08-05 13:19:36 CSS3的一个简单导航栏实现_Div+Css教程
  • 上面是一个效果图,代码在下面:htmlXML/HTML Code复制内容到剪贴板 <nav> <ul class="nav-ul"> <li> <a href="/">首页</a> </li> <li> <a href="/category/frontend">Web前端</a> <
  • 2015-08-05 13:19:36 CSS中一些@规则的用法小结_Div+Css教程
  •   at-rule是一个声明,为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字,这个关键字充当一个标识符,用于表示CSS该做什么。这是一个通用的语法,尽管每个at-rule有其它语法变体。  常规规则 
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助