【css3（1）】的更多相关文章

前端笔记之HTML5&CSS3（下）2D/3D转换&animate动画

一.2D转换(transform) CSS3中的transform转换和PS中的变换是一样的,分别有:缩放.位移.斜切.旋转 1.1 transform:scale()缩放 transform:scale(w,h);   宽度和高度,w,h都是填写缩放的倍数,没有单位,比如1.5就是放大1.5倍,1是默认的倍数,0.5缩小,还可以为负数(倒着缩放) 语法: transform:scale(1.5,2.0); 上面这句话等价于: transform:scaleX(1.5);   宽度 transf…

前端笔记之HTML5&CSS3（中）选择器&伪类伪元素&CSS3效果&渐变背景&过渡

一.CSS3选择器 CSS3是CSS的第三代版本,新增了很多功能,例如:强大的选择器.盒模型.圆角.渐变.动画.2D/3D转换.文字特效等. CSS3和HTML5没有任何关系!HTML5骨架中,可以用CSS2.1也可以用CSS3.XHTML骨架中可以用CSS3的样式. 在学习CSS之前都是学习选择器,在CSS2中有class.id.标签选择器等. CSS3赋予了强大的选择器. CSS3没有颠覆传统CSS的写法,依然是: 选择器{ k:v; k:v; } CSS有一个特点,遇见自己不认识的选择器.…

前端笔记之HTML5&CSS3（上）新特性&音频视频&本地存储&自定义属性

一.HTML5简介 HTML 5 的第一份正式草案已于2008年1月22日公布.HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. 2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,HTML5标准规范终于最终制定完成了,并已公开发布. HTML5不仅仅是超文本标记语言的新版本,而是一整套浏览器新API的综合: 新的语义标签.我们知道HTML就是超文本标记语言,负责描述的是文档的语义.结构.HTML5中,提供了非常多的新的标签,<header>.&…

HTML5+CSS3（3）

一.CSS3新增属性用法整理 1.box-shadow(阴影效果) 2.border-color(为边框设置多种颜色) 3.border-image(图片边框) 4.text-shadow(文本阴影) 5.text-overflow(文本截断) 6.word-wrap(自动换行) 7.border-radius(圆角边框) 8.opacity(透明度) 9.box-sizing(控制盒模型的组成模式) 10.resize(元素缩放) 11.outline(外边框) 12.background-s…

从零开始学 Web 之 CSS3（一）CSS3概述，选择器

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.CSS3 1.…

从零开始学 Web 之 CSS3（三）渐变，background属性

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.渐变 渐变是C…

从零开始学 Web 之 CSS3（七）多列布局，伸缩布局

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的探索之旅吧! 一.多列布局 CS…

css3（2）

旋转: 2D:transform: rotate()——进行旋转,括号内部写旋转角度,默认顺时针旋转.允许负值,元素将进行逆时针旋转, translate()——从当前位置进行移动,括号内为x,y值.允许负值,将反方向移动transform:translate(30px,30px):向右30px,向下30px移动,原来位置保存, scale()——改变原始尺寸,按照倍数变化,括号内为width.height的倍数 transform:scale(2,4):宽度变为2倍,高度变为4倍, skew(…

菜鸟学习HTML5+CSS3（一）

主要内容: 1.新的文档类型声明(DTD) 2.新增的HTML5标签 3.删除的HTML标签 4.重新定义的HTML标签 一.新的文档类型声明(DTD)    HTML 5的DTD声明为:<!doctype html>.<!DOCTYPE html>.<!DOCTYPE HTML>等也是正确的,因为HTML语法是不区分大小写的. 在编写HTML5文档时,要求指定文档类型,以确保浏览器能在HTML5的标准模式下进行渲染. 二.新增的HTML5标签 HTML5 新增的标签主…

HTML5+CSS3（2）

一.视频与音频 1.用JavaScript检测音频格式支持 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type/javascript> function checkAudio(){ var myAudio = document.createElement('audio'); if (myAud…