课程分类

CSS3中的盒子模型 在CSS 2 中： text 元素可见高度＝内容高度＋内距＋边框（height为内容高度） 元素可见宽度＝内容…

自由缩放属性 resize html doctype html html head meta charset="UTF8" style textarea { / 禁止缩放 / resize: none; } /style /head body textarea name="" id="" cols="30…

CSS生成内容 content | 功能说明 | none | 不生成任何内容 attr | 插入标签属性值 url | 使用URL地址插入一个外部…

旋转 rotate() 尝试改变角度值 html doctype html html head meta charset="UTF8" style .wrapper { width: 200px; height: 200px; border: 1px dotted red; margin: 100px auto; } .wrapper…

3D变形 旋转X轴rotateX html doctype html html head meta charset="UTF8" style .wrapper { width: 200px; height: 200px; border: 1px dotted red; margin: 100px auto; perspective…

CSS3的动画 transition html doctype html html head meta charset="UTF8" style div { width: 200px; height: 200px; backgroundcolor: red; margin: 20px auto; / 指定过渡或动态模拟…

关键帧动画基础 keyframes animation html doctype html html head meta charset="UTF8" style @keyframes clwy { 0% { marginleft: 30px; background: green; } 40% { marginleft: 100px; background: orange; } 60% { marginleft…

介绍 是一个使用 CSS3 的 animation 制作的CSS动画效果合集，里面预设了很多种常用的动画，且使用非常简单。 官方网站 https://animate.style…

Meta设置 宽度就是设备的宽度，页面显示时无任何缩放，移动设备上可以缩放 html meta name="viewport" content="width=devicewidth, initialscale=1.0" / 宽度就是…

px px是固定长度单位，就是像素，是相对于显示器屏幕分辨率而言的。 em em是相对于父级元素的单位，会随…

media queries 语法格式 html style / 当屏幕小于或等于指定宽度，样式生效 / @media (maxwidth:480px){ .ads { display:none; } } / 当屏幕大于或等于指定宽度…

一、Flex 布局是什么？ Flex 是 Flexiable Box 的缩写，意为"弹性布局"，用来为盒子模型提供最大的灵活性。 任何一个容器都可以…

今天我们学习的内容是 flex 弹性布局。flex布局是一种简单、快速、有效的布局方式。 课程目标 flex 弹性布局的原理 flex 布局的…

html 又称 超文本标记语言。 是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等…

标题h html h11号标题/h1 h22号标题/h2 h33号标题/h3 h44号标题/h4 h55号标题/h5…

HTML5概述 HTML5发展到今天，其实还有相当多的问题。尤其是各个浏览器厂商的标准不统一。 这里面最拖后腿的，依然是…

过去获取DOM对象 html div id="foo"/div script var foo = document.getElementById("foo") /script html input type="text" name="foo" / script var foo…

HTML5中新增几个表单类型，其中大的变化，是增加了自动验证功能。 Email 类型 email类型用于应该包含电子邮件地址的输入域…

placeholder，显示描述信息 html form action="" input type="search" name="keyword" placeholder="长乐未央" /form autocomplete，自动完成 html form action="" autocomplete="on" 昵称：input type=…

在过去，网页中播放音频和视频的主要方法就是通过Flash插件来实现。 这种作坊有相当多得缺陷，Flash本身的问题…