html5中文学习网

您的位置: 首页 > 视频教程 > CSS3视频教程
  • 2015-08-05 13:19:35 简要总结CSS编程中的响应式设计_Div+Css教程
  •   现在,响应式Web设计无疑是非常流行的。对于新人,responsive design可能听起来有点复杂,但实际上,它比你想的要简单的多。为了帮助你快速入门响应式Web设计,我写了一篇快速入门教程。我保证你通过三步就可以学会响应式
  • 2015-08-05 13:19:34 使用CSS3实现选项卡切换的方法_Div+Css教程
  • :target是什么?MDN是这样描述的::targetThe :target pseudo-class represents the unique element, if any, with an id matching the fragment identifier of the URI of the document.在document中,可以设置锚链接,举
  • 2015-08-05 13:19:33 CSS3中的clip-path使用攻略_Div+Css教程
  •   根据她的以往经验,这个网站的HTML和CSS是完全在她的能力范围以内,于是我帮助她完成了这个效果。显示nav被裁减的效果是一个不简单的任务,我看到图片的第一反应是创建一个相匹配的背景被部分裁剪的图像,然后把它设置
  • 2015-07-31 12:02:18 将页脚固定在页面底部的CSS实战_Div+Css教程
  •   页脚的位置问题  网页的页脚(footer),也就是通常用来放置帮助链接及版权信息的地方。页脚自然是应该位于页面底部的,但依照一般的做法,如果位于页脚之前的网页内容比较少,或者说使用了一个垂直分辨率较大的显示器,
  • 2015-07-31 12:02:17 CSS中的选择符实际使用指南_Div+Css教程
  •   在我最早开始写css的时候,其代码上的高自由度就一直很令我困惑。这就是说,同一个设计,如果让不同的人来实现,最终的代码一定是有差异的。但这存在一个问题,如果不同的人通过不同的方法以及代码风格,都从外观上实现了一
  • 2015-07-31 12:02:16 解析css中的选择符命名_Div+Css教程
  •   原来命名可以这样的  前一段时间,在某一站点看到了这样的内容:  "这也可以?"是我对此的第一印象。不过,稍作调查知道了,这样写确实是有效的。此外,这个?_?的符号表情,看起来是不是相当有存在感?再看看搭配的css属
  • 2015-07-31 12:02:13 CSS中的一些百分比相关调试经验分享_Div+Css教程
  •   很多css属性的取值都可以是百分比值。虽然形式上来说,百分比值都是数字后跟%的形式(注意数字和%之间不可以有空格),但在不同的使用场合下,其意义会有很多不同。因此,百分比值可以说包含了相当丰富的内容。  百分比
  • 2015-07-31 12:02:05 CSS样式编写的简明指南_Div+Css教程
  •   代码如下:  [selector]{  [property]:[value];  [<- Declaration ->]  }< p>[选择器]{   [属性]:[值];  [<- 声明 ->]  }  编写 CSS 样式时,我习惯遵守这些规则:  class 名称以连字符(-)连接,除
  • 2015-07-31 12:02:05 CSS注释的一些高级用法_Div+Css教程
  •   准修饰选择器(Quasi-qualified selectors)  你应当避免过分修饰选择器,例如如果你能写 .nav{} 就尽量不要写 ul.nav{}。过分修饰选择器将影响性能,影响 class 复用性,增加选择器私有度。这些都是你应当竭力避免
  • 2015-07-31 12:01:55 CSS编写规范的相关建议_Div+Css教程
  •   避免过度约束  作为一般规则,不添加不必要的约束。  CSS Code复制内容到剪贴板  // 糟糕  ul#someid {..}  .menu#otherid{..}  // 好的  #someid {..}  #otherid {..}  后代选择符最烂  不
  • 2015-07-31 12:01:34 CSS3的Flexible Boxes详细使用教程_Div+Css教程
  •   Flexible Box是什么?Flexible意为可伸缩的,Box意为盒子,可以理解为一种新式的盒模型&mdash;&mdash;伸缩盒模型。由CSS3规范提出,这是在原有的大家非常熟悉的block, inline-block, inline的基础上延伸出的新一代布
  • 2015-07-24 23:12:58 CSS中下拉菜单和表单以及弹出层的简单笔记_Div+Css教程
  •   下拉菜单  display:block,盒子会由收缩包围元素变为扩展填充父元素  position:absolute是相对于父元素的绝对位置,其坐标都是相对于父元素的,比如对齐下拉菜单  CSS Code复制内容到剪贴板  .mene li ul{  d
  • 2015-07-24 23:12:56 举例详解CSS中的继承_Div+Css教程
  •   CSS的继承是由所使用的样式属性定义的。换句话说,当你查看CSS属性backgruound-color,你会看到一栏「继承性」,也许你几乎没有在意过它,但是它还是十分有用的。  什么是CSS继承  每一个元素都是文档树的一部分,除
  • 2015-07-24 23:12:54 用CSS3绘制三角形的简单方法_Div+Css教程
  •   利用CSS的border以及它的属性值transparent来实现三角形,其中最主要的是要明白由于div的高度跟宽度都为0,margin,padding也为0,所以元素框的大小就是他的border的叠加,由于相邻boder会重叠,故存在内容宽高时其实任意
  • 2015-07-24 23:12:53 详解CSS3中Media Queries的相关使用_Div+Css教程
  •   Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效果  @media 媒体类型and (媒体特性){你的样式}  最大宽度max-width  &ldquo;max-width&rdquo;是媒体特性中最常用
  • 2015-07-24 23:12:51 CSS中值得记住的一些技巧_Div+Css教程
  •   这篇文章主要介绍了CSS中值得记住的一些技巧,文中介绍的这些属性在平时的应用中虽然不是经常能够见到,但非常有效率,需要的朋友可以参考下  Box-sizing  尽管box-sizing在CSS3中才被引入,其有一个值是border-
  • 2015-07-24 23:12:50 CSS的一些必记属性整理_Div+Css教程
  •   Text  color 设置text的颜色  text-align 设置text的对齐  text-decoration 设置text的下划线  text-transformation 设置字母的大小写和单词的首字母大写  line-height 设置行高  letter-spacing
  • 2015-07-24 23:12:47 举例详解CSS中的的优先级_Div+Css教程
  •   计算优先级  优先级是根据由每种选择器类型构成的级联字串计算而成的。他是一个对应匹配表达式的权重。 如果优先级相同,靠后的 CSS 会应用到元素上。  注意:元素在文档树中的位置是不会影响优先级的  优先
  • 2015-07-24 23:12:46 css中单位px和em,rem的区别_Div+Css教程
  •   px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。  em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。  任
  • 2015-07-24 23:12:42 详解CSS中的规则声明_Div+Css教程
  •   CSS 规则由 选择器 和 声明 两部分组成,本文将要说的是第二部分:声明。  一个声明包含两部分:属性 和 值。  属性 指出要影响元素的哪个方面(颜色、高度,等等),而 值 表示属性设定为什么(绿色、15px,等等)。  CS
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助