CSS初体验
经过学习,我对css有了初步的认识。css是层叠样式表(Cascading Style Sheets的缩写,它用于HTML元素的显示形式,是W3C推出的格式化的标准技术。CSS现在已经被大多数浏览器所支持,成为网页设计者必须掌握的技术之一。
W3C自1996年12月发布第一个CSS正式推荐版CSS1.0以来,一直在对CSS标准进行修订、升级。元素定位个表格的支持。最新版本的CSS标准CSS3.0正在开发中和完善等。
以下是CSS3.0 中一部分属性。
css动画
    @keyframes 规定动画。  
    animation 所有动画属性的简写属性,除了 animation-play-state 属性。 
    animation-name 规定 @keyframes 动画的名称。  
    animation-duration 规定动画完成一个周期所花费的秒或毫秒。 
    animation-timing-function 规定动画的速度曲线。 
    animation-delay 规定动画何时开始。 
    animation-iteration-count 规定动画被播放的次数。 
    animation-direction 规定动画是否在下一周期逆向地播放。 
    animation-play-state 规定动画是否正在运行或暂停。  
    animation-fill-mode 规定对象动画时间之外的 
css2D转换
    通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。
translate() 方法
    通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数
    rotate() 方法
    通过 rotate() 方法,元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转
css过渡
    通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。
css边框
    创建圆角边框,向矩形添加阴影,使用图片来绘制边框,分别是
    border-radius 
    box-shadow 
    border-image
CSS初体验的更多相关文章
- CSS 初体验之Line-height
		
p{ line-height:20px; } line-height : normal | length 参数: normal : 默认行高length : 百分比数字 | 由浮点数字和单位标识符组成 ...
 - CSS 初体验之一
		
层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式. 1.首先先看盒装模型,如下图,平时设置的width,height是指元素内容(con ...
 - 范仁义web前端介绍课程---4、html、css、js初体验
		
范仁义web前端介绍课程---4.html.css.js初体验 一.总结 一句话总结: html:就是网站的骨架,比如div标签.a标签等 css:style标签或者style属性里面的就是css j ...
 - python--爬虫入门(七)urllib库初体验以及中文编码问题的探讨
		
python系列均基于python3.4环境 ---------@_@? --------------------------------------------------------------- ...
 - Knockout.js初体验
		
前不久在网上看到一个轻量级MVVM js类库叫Knockout.js,觉得很好奇,搜了一下Knockout.js相关资料,也初体验了一下,顿时感觉这个类库的设计很有意思.接下来就搞清楚什么是Knock ...
 - YII学习,初体验 ,对YII的一些理解.
		
先说点没用的: 不会选择,选择后不坚持,不断的选择.这是人生中的一个死循环,前两一直迷茫.觉得自己前进方向很不明朗.想去学的东西有很多.想学好YII,想学PYTHON 想学学hadoop什么的,又想研 ...
 - gulp快速入门&初体验
		
前言 一句话先 gulp 是一个可以简单和自动化"管理"前端文件的构建工具 先说我以前的主要工作,我主要是做游戏服务端的,用c++/python,所以我对东西的概念理解难免要套到自 ...
 - [转]Python爬虫框架--pyspider初体验
		
标签: python爬虫pyspider 2015-09-05 10:57 9752人阅读 评论(0) 收藏 举报 分类: Python(8) 版权声明:本文为博主原创文章,未经博主允许不得转载. ...
 - AngularJS路由系列(3)-- UI-Router初体验
		
本系列探寻AngularJS的路由机制,在WebStorm下开发. AngularJS路由系列包括: 1.AngularJS路由系列(1)--基本路由配置2.AngularJS路由系列(2)--刷新. ...
 
随机推荐
- S5PV210之GPIO模拟I2c时序之pcf8591与at24xx  linux3.0.8驱动
			
目录:一. 说明 二. 驱动程序说明及问题 三. 案例一 四. 案例二 一. 说明 mini210开发板上带了at24c08, 看了linux内核自带的at24.c的驱动程序,编译下载到看 ...
 - 7月10日——[HouseStark] 扬帆起航--第一次会议
			
本次会议为小组成员第一次会议 内容:每个成员提出一个及以上的项目及内容,成员内部商议并投票决定要做的项目 会议时长:90分钟 地点:电三楼8楼816室 成员 项目 讨论结果 崔文祥 高校就业信息汇总网 ...
 - Win7 64位ORACLE取数字乱码的解决
			
参见网址http://www.2cto.com/database/201304/201767.html 首先是PLSQL DEVELOPER 直接报错 NLS_LANG 错误 第一步是在命令行下测试 ...
 - C#类的继承,方法的重载和覆写
			
在网易云课堂上看到唐大仕老师讲解的关于类的继承.方法的重载和覆写的一段代码,注释比较详细,在此记下以加深理解. 小总结: 1.类的继承:允许的实例化方式:Student t=new Student() ...
 - sql server数据库连接问题处理
			
下面请一字一句地看,一遍就设置成功,比你设置几十遍失败,费时会少得多. 首先,在连接数据库之前必须保证SQL Server 2012是采用SQL Server身份验证方式而不是windows身份验证方 ...
 - css cursor 的可选值(鼠标的各种样式)
			
crosshair; 十字准心 The cursor render as a crosshair游标表现为十字准线 cursor: pointer; cursor: hand;写两个是为了照顾IE5, ...
 - .NET网页打印以及使用打印需要注意的事项(可能会引起VS崩溃的现象、打印预览后关闭功能不管用)
			
这两天进行给网页添加打印.打印预览.页面设置的功能.遇到了以下几个问题 [1]在网上查找了一些打印方法,一开始还可以用,后来不知道动到了哪里,点击vs中拆分或者切换到另一个设计和源代码显示方式,就会引 ...
 - CIImage实现滤镜效果
			
Core Image also provides autoadjustment methods that analyze an image for common deficiencies and re ...
 - JCS缓存使用类
			
项目是一个门户网站,一些新闻等会做缓存. 导入jar包: 项目跟目录下配置文件:cache.ccf #内存缓存 jcs.default= jcs.default.cacheattributes=org ...
 - ionic2 图片上传
			
参考URL:https://github.com/dsgriffin/Ionic-2-File-Transfer-Example