html5中文学习网

您的位置: 首页 > 视频教程 > CSS3视频教程
  • 2015-07-16 22:32:54 将XSLT作为HTML的样式表的使用方法示例_Div+Css教程
  • 简介  当听到样式表这个词时,您可能会想到 CSS 样式表。XSLT 样式表通常用于 XML 转换,比如在 Web 服务之间映射数据。因为 XSLT 非常适合此用途,所以创建了顶层元素 <stylesheet> 的 <xsl:transform> 别名,虽然这很
  • 2015-07-16 22:32:53 CSS图片优化的一些相关建议_Div+Css教程
  •   CSS图片优化就是尽量压缩图片的大小,加快页面加载速度,这对于大型网站是很有用的。不要小看它,它可以大大提高网页加载速度。通常大家用到的方法就是css sprites。  CSS Sprites(图片整合技术) 的目的就是通过
  • 2015-07-16 22:32:50 CSS框架开发指南_Div+Css教程
  •   Philip Walton 在AppFolio担任前端工程师,他在Santa Barbara on Rails的聚会上提出了CSS架构和一些最佳实践,并且在工作中一直沿用。  擅长CSS的Web开发人员不仅可以从视觉上复制实物原型,还可以用代码进行完美的
  • 2015-07-16 22:32:48 使用css外部样式表的方法_Div+Css教程
  •   前言  为什么会有这篇文章,外部引入样式有什么好谈的,不外乎就是  CSS Code复制内容到剪贴板    就这么简单,还有什么,so easy,我之前都是这么认为的你肯定比我聪明多了~_^,但是当做一个页面在微信上浏览并且
  • 2015-07-16 22:32:47 CSS3中线性颜色渐变的一些实现方法_Div+Css教程
  •   为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法。但是遗憾的是,截至写这篇文章,可能还必须这样做,但是希望不会持续太久。多亏Firefox 和Safari/Chrome,我们现在可以使用最少的
  • 2015-07-16 22:32:46 CSS3中HSL和HSLA的简单使用示例_Div+Css教程
  •   使用CSS3 HSL声明同样是用来设置颜色的。下一个呢? HSLA? 是的,这个和RGBA的效果是一样的。  HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。  Hue衍生于色盘:0和360是红色,接近12
  • 2015-07-16 22:32:45 详解CSS中@supports的用法_Div+Css教程
  •   基于浏览器的特性检测大家应该已经很熟悉了,特别是modernizr.js推出来之后。其实w3c也出了规范,可以基于css来做一些特性检测,也就是@supports,这个特性已经有两年多了,之前浏览器支持度不够,现在webkit nightly也开始
  • 2015-07-16 22:32:44 使用CSS3制作一个简单的Chrome模拟器_Div+Css教程
  •   都是一些基本的CSS3的使用,并不复杂。各位有兴趣地可以试着也写一个。  唯一复杂的地方是浏览器标签的模拟。  可以看出,Chrome标签的基本特点如下:  梯形  有圆角  宽度自适应  用图片可以轻松搞定,但
  • 2015-07-16 22:32:44 CSS3中box-shadow的用法介绍_Div+Css教程
  •   一般我们通过box-shadow来设置盒阴影,但是有些属性我们一般没有用到,这篇文章将对box-shadow属性进行逐个分析。  语法  CSS Code复制内容到剪贴板  E {box-shadow:inset x-offset y-offset blur-radius spr
  • 2015-07-16 22:32:43 举例详解CSS3中的Transition _Div+Css教程
  •   1.会伸缩的搜索表单  常在 sf.gg 混的人都知道,它的顶部导航栏是这样的:  当输入框获得焦点就会变成这样的:  利用 CSS3 的 Transition 属性,我们可以简单做出一个类似的搜索表单出来:  HTML 标记:  XML/HTM
  • 2015-07-16 22:32:42 CSS居中效果之transform的使用_Div+Css教程
  •   简单有效,同时支持可变高度。为内容指定带有厂商前缀的transform: translate(-50%,-50%)和top: 50%; left: 50%;样式就可以让内容块居中。  CSS Code复制内容到剪贴板  .is-Transformed {  width: 50%; 
  • 2015-07-12 18:23:32 CSS中使用clearfix清除浮动的方法_Div+Css教程
  •   首先在很多很多年以前我们常用的清除浮动是这样的。  CSS Code复制内容到剪贴板  .clear{clear:both;line-height:0;}  现在可能还可以在很多老的站点上可以看到这样的代码,相当暴力有效的解决浮动的问题。
  • 2015-07-01 22:52:57 10个必备的CSS技巧总结_Div+Css教程
  •   CSS是网页设计师的基础,对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在CSS的深海世界里有很多有意思的东西,你只需要找到最适合你的就好。当然我们不
  • 2015-06-27 22:23:58 在浏览器加载CSS 时防止影响页面渲染的方法 _Div+Css教程
  •   本文展示了一种技术,它能通过异步下载样式表,以阻止它们的下载阻塞页面的渲染,从而尽可能快的让访问者获取到信息内容。  警告! 我发这篇帖子全是好意,但是它并不负责让读它的人意识到下面将会遇到的问题. 社区很
  • 2015-06-25 23:06:57 CSS实现定位元素居中的方法_Div+Css教程
  •   绝对定位元素的居中实现  如果要问如何CSS实现绝对定位元素的居中效果,很多人心里已经有答案了。  兼容性不错的主流用法是:  CSS Code复制内容到剪贴板  .element {  width: 600px; height: 400px;  
  • 2015-06-25 23:06:56 使用CSS3制作饼状旋转载入效果的实例_Div+Css教程
  •   今天,要实现一个长任务等待提示效果。  然后设计师就把做好的gif效果图给我,就是下面这个:  按照大众做法,我应该是把图片直接按图索骥,调调布局,然后早早回家抱老婆。  但是,我这个人,天生不安分守己。想到是用在
  • 2015-06-25 23:06:54 利用CSS3实现文本框的清除按钮相关的一些效果_Div+Css教程
  •   新技能传授-哔哔哔哔  search类型搜索框,设计师常常会设计一个叉叉图标,表示用户点之久可以清除输入的内容。比方说这个:  这是不错的体验!  当前现代浏览器中,Chrome浏览器下type=search的输入框会有清除按钮
  • 2015-06-25 23:06:53 详解CSS中clear:left/right的用法_Div+Css教程
  •   一、理解clear: left/clear: right  当想到clear: left的时候,自然会认为是&ldquo;清除左浮动&rdquo;,clear: right是清除右浮动。  其实现在想想,这样的理解与表示是不严谨的欠考虑的。  一般,现在中文圈流传
  • 2015-06-17 13:23:26 C++指针怎么用?C++指针用法汇总_Div+Css教程
  •   C++的指针怎么用?在C++中,指针用得比较多,对于里面众多的指针用法,不免弄得有些糊涂。今天,绿茶小编对C++中指针的用法进行了整理汇总,展现给大家,希望对大家有所帮助。  C++程序设计重要基础就是类和对象,对象指针是
  • 2015-06-17 13:23:26 CSS+图片完成清爽绿色网站下拉菜单_Div+Css教程
  • 说到下拉菜单大家就会想到js脚本,一般的下拉菜单都需要基于javascript脚本才能实现,而本次提供给大家的则一个纯css+几个简单图片完成的清爽、绿色、大气的下拉菜单,适于任意网站使用PS:图片就用了三个,有的同学不会把代
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助