Html与Css教程第9页

HTML5：canvas党徽和五角星

xiaoqi 发布于 2017-03-07

1、党徽（国民党） <!doctype html> <html> <head> <meta charset="UTF-8"> <title>党徽</title> </head> <body&...

标签：canvas / H5

xiaoqi 发布于 2017-03-07

首先使用flex布局需要声明，任何一个容器都可以指定为Flex布局。 .box{ display: flex;} 容器有六个属性可以设置 flex-direction ...

标签：flex / 布局

xiaoqi 发布于 2017-03-06

<!doctype html> <head> <style type="text/css"> .panel{ position: relative; z-index: 0; top:0px; left: 400px; width: 300px;...

标签：H5 / 游戏

xiaoqi 发布于 2017-03-06

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>前端ABC-qdabc.cn</title> <style> *{margi...

标签：js

xiaoqi 发布于 2017-03-04

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>3D立方体</title> <style> .box{ width: 249...

标签：css3

xiaoqi 发布于 2017-03-03

第一种方式：display：table-cell <div style = "width:600px;height:800px;display:table-cell;text-align: center;vertical-align: middle;"> <im...

标签：css

xiaoqi 发布于 2017-03-03

下面我将简单的介绍移动端布局的八种方式： 1.固定布局 2.流动布局 3.浮动布局 4.定位布局 5.混合布局 6.flex布局 7.rem布局 8.响应式布局 1.固定布局方法 <head>里把<meta name=”viewport”...

xiaoqi 发布于 2017-03-01

1、使用jQuery创建元素的语法 2、把动态内容存放到数组中，再遍历数组动态创建html元素 3、使用模版 1.使用jQuery动态创建元素追加到jQuery对象上。 <meta http-equiv="Content-Type" content="text/html; ...

标签：html / jq

xiaoqi 发布于 2017-03-01

概叙 HTML5中的元素都是可以拖放的，拖放可以分成两个动作。在某个元素上按下，然后开始移动鼠标，在移动的过程中，只要没有松开鼠标，将会不断产生拖动事件，这个过程称为“拖”。把被“拖”的移到另一个元素上并松开鼠标，这个动作被称为“放”。拖放操作“拖”和“放”两个动作组成。 ...

标签：html5

xiaoqi 发布于 2017-02-28

一、变形 transform：可以对元素对象进行旋转rotate、缩放scale、移动translate、倾斜skew、矩阵变形matrix。示例： transform: rotate(90deg) scale(1.5,0.8) translate(100px,50px) sk...

标签：css3 / 动画