html5中文学习网

您的位置: 首页 > 视频教程 > CSS3视频教程
  • 2015-07-24 23:12:40 用CSS中的map标签制作单图多区域点击的示例_Div+Css教程
  •   map标签  定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。  area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。  img标签中的usemap属性可引用的map标签中的id
  • 2015-07-24 23:12:39 CSS中的背景部分编程学习教程_Div+Css教程
  •   在CSS里面,每个元素盒子都可以想象成由两个图层组成。  前景层:内容(如文本或图片)和边框。  背景层:用实色填充(使用 background-color 属性),也可以包含任意多个背景图片(使用 background-image 属性),背景图
  • 2015-07-24 23:12:37 CSS3中的content属性使用示例_Div+Css教程
  • CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。
    插入纯文字content:"插入的文章",或者content:none不插入内容
    html
  • 2015-07-24 23:12:36 css-sprite使用详解_Div+Css教程
  •   可能是最好用的雪碧图工具了,好吧,至少是我用过最好用的。  首先安装css-sprite,安装这里很坑,等我最后再说。  代码如下:  npm install css-sprite  我是使用gulp来构建前端代码,所以还需要安装gulp和gulp-i
  • 2015-07-24 23:12:34 一些CSS的设计原则浅谈_Div+Css教程
  •   相信大多数人都有过关于CSS的痛苦经历,从我加入公司到现在,不到两年的时间里,听到最多CSS相关的讨论就是‘很难调’。所以我也一直在探究这其中有怎样的问题,为什么很多人觉得CSS很难写,如何才能让其他人更
  • 2015-07-24 23:12:33 CSS框架sass的简单一览_Div+Css教程
  •   sass结尾的文件有着更严格的格式要求,scss文件更贴近原生css  比如sass文件  CSS Code复制内容到剪贴板  #main  color: #fff  &-sidebar  border: 1px solid  等同于scss的  CSS Code复制内容到
  • 2015-07-24 23:12:30 举例详解CSS中的字体尺寸设置_Div+Css教程
  •   常用单位  在CSS中可以用很多不同的方式来设定字体的尺寸。一般来说,这些单位被分成两大类:绝对单位(absolute)和相对单位(relative)。  绝对单位在大多数情况下是相对于某些实际量度而言的固定值,即是说它们一
  • 2015-07-24 23:12:29 CSS中的元素定位方法详解_Div+Css教程
  •   1.盒模型  盒模型,就是 浏览器为页面中的每个 HTML 元素生成的矩形盒子。  这些盒子们都要按照 可见版式模型(visual formatting model)在页面上排布。可见的页面版式主要由三个属性控制: position 属性、 di
  • 2015-07-24 23:12:28 CSS3的media query学习攻略_Div+Css教程
  •   一个媒体查询(media query)包含一个媒体类型(media type)和至少一个表达式,用媒体特性限制样式表的作用范围。  语法  媒体查询包含一个媒体类型(media type)以及一个到多个测试媒体特性(media feature)的表
  • 2015-07-24 23:12:27 CSS中使用image data URI来处理图片的方法_Div+Css教程
  •   即将图片资源转换为 base64 字符串格式嵌到页面或样式中。这样连图片的请求链接都省了。  如:  使用方式  CSS Code复制内容到剪贴板  /** 数据格式 **/  data:image/png;base64,iVBORw0KGgoAAAANSUhEU
  • 2015-07-24 23:12:25 使用icon fonts来辅助CSS处理图片_Div+Css教程
  •   由于移动端设备拥有不同分辨率,PPI 等引起的问题, 常常需要针对不同屏幕分辨率来调整优化,如使用 @2x 图片, max-width 限制等。  采用 css @font-face 用来显示 icon 也不失为一种好办法。  因为 icon fonts (
  • 2015-07-24 23:12:24 使用CSS实现页面复选框的方法_Div+Css教程
  •   产品篇  在我们的后台中,需要设置广告精准投放的区域,也就是要在全国31个省、自治区、直辖市中选择。那么,出现下面这幅景象也就理所应当了:  这样做有几个问题:  选项很多,没有规律,找起来很累  如果是一个已
  • 2015-07-24 23:12:22 使用Sass来编写面向对象的CSS代码_Div+Css教程
  •   自从2008年Nicole Sullivan提出Object-Oriented CSS(OOCSS)以来。它就成为一个领先的模块系统,用来组织你的CSS代码方式之一。  OOCSS不同于其他组织CSS代码方法,比如SMACSS或者BEM。通过将CSS代码和结构分离让
  • 2015-07-24 23:12:22 10个CSS简写及优化技巧_Div+Css教程
  •   CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。  下面介绍常见的CSS简写规则:  一、盒子大小  这里
  • 2015-07-24 23:12:20 使用css实现圆角图形绘制_Div+Css教程
  •   查看 demo  htmlXML/HTML Code复制内容到剪贴板 <div class="curvedBox"> <span> <span class="r1"></span> <span class="r2"></span> <span class="r3"></span> <s
  • 2015-07-24 23:12:19 CSS编程中一些值得注意的地方小结_Div+Css教程
  •   CSS即层叠样式表,所以一层一层覆盖其实是其本质特征。真正的问题在于维护,许多人认为CSS仅是样式,不是代码,无需维护,所以任意书写,只要将自己需要的样式的优先级设为最高即可,才导致了深层级CSS的出现,因为每次添加一个
  • 2015-07-24 23:12:17 用SMACSS规范来编写CSS_Div+Css教程
  •   这是一个相对繁杂的CSS理论,分为Base、Layout、Module、Status和Theme共五个部分。不过它的核心思想仍然和OOCSS类似,鼓励使用class。  1. Base 基本属性  基础属性很容易理解,就是最基本的东西,很多样式简单的
  • 2015-07-24 23:12:14 详解CSS的DRY编程方式_Div+Css教程
  •   DRY就是Donot repeat youself 不要重复。但其实这个名字有点无趣,哪个理论不是消除重复呢,但如何消除才是意义所在。总的来说我认为DRYCSS与OOCSS是两个极端,所以我将会以对比的方式来讲讲DRYCSS的内容。使用DRYCS
  • 2015-07-24 23:12:13 浅谈CSS中的OOCSS编程方式_Div+Css教程
  •   OOCSS即面向对象的CSS,这里对象指的是页面中的元素对象,与传统编程中的面向对象不太相同,比如不存在方法这种东西,硬要说的话,附加的一些class可以看作是继承或者接口之类的东西来实现对象的差异化。比如电商网站中的
  • 2015-07-24 23:12:12 利用SVG和CSS3来实现一个炫酷的边框动画_Div+Css教程
  •   今天我们来探索一下Carl Philipe Brenner的网站上一个微妙而有趣的动画效果。当鼠标经过网格元素时,会有一个微妙的动画发生&mdash;&mdash;网格元素变得透明,每条边有个顺时针的动画,创造了非常好的效果。这种效果
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助