CSS学习笔记-动画模块

动画模块: 1.过渡和动画之间的异同 1.1不同点 (1)过渡必须人为触发才能执行 (2)动画不需要人为触发就可以执行 1.2相同 (1)过渡和动画都是可以用来给元素添加动画的 (2)过渡和动画都是系统新增的一些属性 (3)过渡和动画都需要满足三要素才有动画效果 2.格式: 2.1三要素: (1)告诉系统需要执…

CSS学习笔记-03- 过渡模块之前奏篇 a标签的伪类选择器

CSS3 2D转换CSS3 3D转换CSS3 过渡CSS3 动画 CSS3 的四大金刚. 想要实现酷炫的视觉效果,上面4个是必须要掌握的.学习之前,先复习一下视觉盛宴的前菜 :a标签的伪类选择器铛铛 ,抬头看黑板,先划重点: **注意点: 1.a标签的伪类选择器可以单独出现,也可以一起出现.如果一起出现,有严格的顺序要求. 编写可以遵循爱恨原则 - love hate (Link visited hover active ) 以下是全部代码: <!DOCTYPE…

CSS学习笔记-过渡模块

过渡模块: 1.过渡三要素 1.1必须要有属性发生变化 1.2必须告诉系统哪个属性需要执行过渡效果 1.3必须告诉系统过渡效果持续时长 2.格式: div{ width:100px; height:100px; background-color:red; transition-property:width; …

CSS学习笔记-过度模块-编写过渡效果

过渡模块-编写过渡效果: 1.编写过渡套路: 1.1不要管过渡,先编写基本界面 1.2修改我们认为需要修改的属性 1.3再给被修改属性的元素添加过渡即可 2.弹性效果 <style> *{ margin: 0; padding: 0; } div{ height: 100px; background-color: red; …

HTML+CSS学习笔记(1) - Html介绍

HTML+CSS学习笔记(1) - Html介绍 1.代码初体验,制作我的第一个网页 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>制作我的第一个网页</title> </head> <body> <h1…

CSS学习笔记之CSS3新特性

目录 1.边框 2.背景 3.文本 4.字体 5.转换 6.过渡 7.动画 8.多列 9.自定义尺寸 CSS 用于控制网页的样式和布局,而 CSS3 是最新的 CSS 标准,这篇文章将着重介绍 CSS3 中出现的新特性,以及它们的使用方法 1.边框 (1)圆角边框可以使用 border-radius 属性用于创建圆角边框,其接受长度值作为参数,一般情况下,我们需要指定 4 个值分别对应 top-left.top-right.bottom-right.bottom-left 四个方向,但是运用…

CSS学习笔记

CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码显示"%u5B8B%u4F53" 就是\5B8B\4F53 font-family: 中文,英文,最好的是unicode编码 eg. font-family: "SimSun","SimHei",sans-serif; 字体名称英文名称 Unicode 编码宋体 S…

HTML+CSS学习笔记 (7) - CSS样式基本知识

HTML+CSS学习笔记 (7) - CSS样式基本知识内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种. 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color:red">这里文字是红色.</p> 注意要写在元素的开始标签里,下面这种写法是错误的: <p>这里文字是红色.</p…

HTML+CSS学习笔记 (6) - 开始学习CSS

HTML+CSS学习笔记 (6) - 开始学习CSS 认识CSS样式 CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 如下列代码: p{ font-size:12px; color:red; font-weight:bold; } 使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体.字号或者颜色等. CSS样式的优势大丈夫当如此!是英雄,分我…

HTML+CSS学习笔记（5）- 与浏览者交互，表单标签

HTML+CSS学习笔记(5)- 与浏览者交互,表单标签 1.使用表单标签,与用户交互网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: <form method="传送方式" action="服务器文件"> 讲解: 1.<form>:<form>标签是成对出现的,以<form>开始,以</form>…

【CSS学习笔记-动画模块】的更多相关文章