time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > CSS教程 > 列表



 
2014-01-10 17:02:39 | 好评(5) | 浏览(4877)
前言 CSS 创建复杂图形的技术即将会被广泛支持,并且应用到实际项目中。本篇文章的目的是为大家开启它的冰山一角。我希望这篇文章能让你对不规则图形有一个初步的了解。 现在,我们已经可以使用CSS 3 常见不规则复杂图形了( 点击链接查看 ),如下图所示: 使用CSS创...
 
2013-10-15 23:29:52 | 好评(0) | 浏览(4842)
在最近的web开发中是不是就会用到一些选择器,发现很多尤其是CSS3新增的不太熟悉,在此总结一下。 优先级 不同级别 1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。 2.作为style属性写在元素内的样式 3.id选择器 4.类选择器 5.标签选择器 6.通配符...
 
2013-05-11 01:35:04 | 好评(0) | 浏览(1090)
网上关于css3优化的中文资料相当少,没办法只能google国外的资料了。 1、图片 图片在移动设备上渲染是众所周知的慢 2、渐变gradients 这个属性在公司的电视盒子上跑时明显感觉到性能非常差 -webkit-gradient, 渐变在浏览器中真实的实现是构建一张位图并渲染到浏览器,...
 
2013-05-05 23:47:08 | 好评(0) | 浏览(3487)
原型图 今天我们要做的是这张图,我在威客上面找了好久,终于找到一张较合适的图呀,今天我们就来无偿奉献下吧,有图有真相,先上图吧!! 这里也对自己提出要求,希望做出来的页面与设计图 完全一致,但估计有点玄,希望大致一致吧, 于是我们开始动手吧! 副标题#...
 
2013-05-05 00:30:30 | 好评(5) | 浏览(2611)
原型图 今天我们要做的是这张图,我在威客上面找了好久,终于找到一张较合适的图呀,今天我们就来无偿奉献下吧,有图有真相,先上图吧!! 这里也对自己提出要求,希望做出来的页面与设计图 完全一致,但估计有点玄,希望大致一致吧, 于是我们开始动手吧! 副标题#...
 
2013-05-05 00:20:27 | 好评(0) | 浏览(2210)
回顾特效,为什么absolute 我们回顾下之前的几个特效,无论是导航上跟着走的背景,还是爆炸的图片,到昨天做的快速导航特效,他们全是采用绝对定位! 然后来看看我们马上要做的新闻列表: 注意他点击翻页后整个新闻列表是有翻滚特效的,我刚刚看了下新闻dom结构与样式...
 
2013-05-05 00:13:32 | 好评(1) | 浏览(2268)
绚丽的快速导航 我们来看看他这个快速导航干了些什么? 我们看到他这个效做的十分绚丽的: 点击快速导航后,整个图标跑到了中心位置,然后里面的菜单再从几个方向蹦出来,点击关闭后又还原了,真是令人动容的用户感受啊! 那我们来看看该如何实现呢? 用jquery我想应该...
 
2013-05-05 00:01:42 | 好评(1) | 浏览(3579)
美丽的导航 他这个导航还是很有特色的哟,先不看他们的实现,若是我做的话,后面估计会是背景图,然后会有点事件吧,光说不练,我还是试试吧! 初步效果 !DOCTYPEhtml html xmlns = http://www.w3.org/1999/xhtml head title / title style type = text/css body,ul,ol...
 
2013-05-04 23:44:31 | 好评(0) | 浏览(1133)
盒模型 Box Model 要说margin,必定牵扯到盒模型,我这里不要脸的偷了两个图: 请大家注意看第一张图 !这张图是我见过最棒的一张图了,他可以很好的解释块级元素中margin、padding、background等的关系,画图者神人也! Margin是什么? CSS边距属性定义元素周围的空间...
 
2013-05-03 23:10:48 | 好评(0) | 浏览(1058)
前言 本章主要介绍CSS3中与背景和边框相关的一些样式,其中包含与背景相关的属性,比如如何在一个元素背景中使用多个图片文件,如何绘制圆角边框以及如何给边框添加图片。 这章的知识点都是很有意义的,是我们一定会用到的知识点,所以学习本章内容后需掌握: 1 背景相...
 
2013-05-03 22:59:20 | 好评(0) | 浏览(716)
前言 本章将介绍CSS3中各种盒的知识点;主要包含以下内容: CSS3中各种各样盒的类型概念、浏览器支持情况; 当盒中内容超出容纳范围时,如何利用属性来让浏览器按照自己想要的方式对盒中内容进行显示; 掌握给盒添加阴影的属性; 掌握几种box-sizing属性值的不同含义,...
 
2013-05-03 22:43:10 | 好评(0) | 浏览(873)
我感觉CSS3学习困难,那么我们来就应该分析下它为什么学起来困难: 我学html或者js都是以单一知识点做学习,可以形成demo,但对css来说,我写了几个标签,我然后写了几个选择器.......好没成就感啊!!! 因为html与js的知识点分散、而相对独立所以好学;但是css独立吗...
 
2013-04-27 12:42:28 | 好评(0) | 浏览(1846)
CSS3中的变形 在CSS3中,可以利用transform功能来实现文字或者图像的旋转、缩放、倾斜、移动这四种变形处理。 transform基础知识 在CSS3中,通过transform属性来达到功能需求,我们这里来看一个例子: html xmlns = http://www.w3.org/1999/xhtml head title / title s...
 
2013-04-14 15:47:08 | 好评(0) | 浏览(1138)
本节教程中我们将介绍如何只使用 css3 创建一个漂亮的导航 下拉菜单 ,兼容所有主流浏览器,包括ie7,ie8当然在ie7/8浏览器中一些 css3 特性就不支持了,比如圆角,但是整个菜单还是可以很好地显示滴。接下来开始教程~ 在线演示 源码下载 第一步:HTML标签结构 这里我...
 
2013-03-27 13:09:30 | 好评(0) | 浏览(1516)
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读...