![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 75
一岁-枯荣
。。。。。。
展开
-
HTML之初了解
这是一篇来自初学者的个人知识记录。 HTML是超文本标记语言。超文本是指图、文、声、像、超链接;标记即预定义标签;语言是指计算机编程语言。 HTML标签:文本内容,属性添加在标签名之后,用来设置文本内容的样式。 标签的分类:(1)单标签:<标签名属性名="属性值".../>;(2)双标签:文本内容。 常用的标签:1.HTML的结构:html>原创 2017-09-26 15:25:53 · 229 阅读 · 0 评论 -
HTML之下拉菜单
话不多说,直接上代码。<metacharset="UTF-8">.a{width: 200px;}.b{width: 2原创 2017-09-28 15:19:31 · 2632 阅读 · 0 评论 -
移动页面之侧滑
<metacharset="utf-8"><metaname="viewport"content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><basetarget="content" /><scripttype="text/原创 2017-09-28 15:24:24 · 343 阅读 · 0 评论 -
HTML之固定定位
<metacharset="UTF-8">p{line-height: 50px;}#dh{border: 1px solid #000000;width: 100%;height: 50px;b原创 2017-09-28 15:29:31 · 4025 阅读 · 0 评论 -
响应式布局
媒体查询: charset="UTF-8"> .a{ border: 1px solid #000000; width: 100px; height: 100px; background-color: #原创 2017-09-30 14:47:18 · 158 阅读 · 0 评论 -
页面侧滑
话不多说,直接上代码。 charset="utf-8"> name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> target原创 2017-09-30 14:50:21 · 339 阅读 · 0 评论 -
APP之底部导航
charset="utf-8"> name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> rel="shortcut icon" href="favicon.ico"> href="原创 2017-09-30 14:52:39 · 888 阅读 · 0 评论 -
打地鼠游戏之游戏倒计时
button:hover{cursor: pointer;}//1.获取游戏开始总时间60s//2.获取游戏开始时间//3.获取游戏进行时间//4.获取游戏时长= 开始进行时 - 游戏开始时间//5.获取游戏倒计时 = 游戏总时间 - 玩家游戏时长var game_time;//游戏总时长var game_start;//游戏开始时间va原创 2017-10-10 11:00:57 · 1249 阅读 · 0 评论 -
简单的计时器
var i = 0;var start;window.onload = function(){document.getElementById("btn").onclick = function(){//创建计时器,在指定周期内循环执行start = setInterval("addTime()",1000);}document.getElementB原创 2017-10-10 11:03:38 · 207 阅读 · 0 评论 -
HTML之学习的快乐
这是一个为我爱豆,王源。所做的一个简单的软件。其中,每一张照片都可以点,相对应的是其网址。学习的快乐就是把学习的东西变成一切自己喜欢的样子。主页代码:<metacharset="utf-8"><metaname="viewport"content=原创 2017-09-28 14:54:13 · 1943 阅读 · 0 评论 -
前端之用户登录页面
<metacharset="UTF-8">.login{border: 1px solid #E0E0E0;position: absolute;top: 200px;left: 30%;width: 356px;h原创 2017-09-27 22:28:14 · 7145 阅读 · 1 评论 -
鼠标移入之张嘴、闭眼
鼠标移入图片位置时张开嘴巴:<metacharset="UTF-8">function closeEye(){var eye = document.getElementById("eye");eye.src =原创 2017-09-27 20:46:28 · 247 阅读 · 0 评论 -
简单的鼠标悬停效果
<metacharset="utf-8"><basetarget="_blank" />a{color: black;text-decoration: none;/*border:solid 1px #000000;*/原创 2017-09-27 16:11:25 · 12381 阅读 · 0 评论 -
多选之全选和反选
多选之全选和反选 charset="UTF-8"> window.onload = function(){ selAll = document.getElementById("selAll"); hobbys = d原创 2017-09-27 19:58:33 · 275 阅读 · 0 评论 -
HTML之百度首页
用HTML制作百度页面。 charset="UTF-8"> 百度一下,你就知道 .dd{ color: gray; font-family: "微软雅黑"; } .dd a{ color:原创 2017-09-27 20:04:58 · 10820 阅读 · 0 评论 -
HTML之我的第一个页面设计
第一次制作的页面。HTML代码: charset="utf-8"> name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> rel="styl原创 2017-09-27 20:13:05 · 3279 阅读 · 0 评论 -
HTML之鼠标滚动事件
HTML之鼠标滚动事件:<metacharset="UTF-8">body{margin: 0;padding: 0;}.cont{height:原创 2017-09-27 20:27:56 · 4295 阅读 · 0 评论 -
HTML之鼠标拖拽事件
鼠标对操作对象实现拖拽:<metacharset="utf-8" />body{margin: 0;padding: 0;}div{position原创 2017-09-27 20:31:46 · 920 阅读 · 0 评论 -
HTML之鼠标移动事件
鼠标事件:<metacharset="utf-8" />div{width: 200px;height: 200px;border: 1px solid #000000;f原创 2017-09-27 20:35:37 · 8087 阅读 · 0 评论 -
HTML之变色(蓝、绿、红)
按钮改变颜色:<metacharset="UTF-8">function changeColor(str){var body=document.getElementById("f");body.style.bac原创 2017-09-27 20:40:25 · 3987 阅读 · 0 评论 -
HTML之旋转
#body{position: absolute;width: 300px;height: 300px;top:100px ;}#a{position: absolute;top:140px ;width: 300px;height: 20px;background-color: green;transform: rotate(0deg);原创 2017-10-16 17:38:09 · 2105 阅读 · 0 评论