随笔分类 -  HTML

div的对齐显示
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ourter2{ width: 100px; height: 100px; margin: 20px; background-color: #0000FF; padding: 100px; /* border: 阅读全文
posted @ 2019-12-27 11:10 Nobility 阅读(136) 评论(0) 推荐(0)
四宫格div
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .main01 div{ float: left; margin-top: 10px; margin-left: 10px; line-height: 190px; text-align: center; back 阅读全文
posted @ 2019-12-27 11:09 Nobility 阅读(796) 评论(0) 推荐(0)
使用div写一个计算机
摘要：1 2 3 4 5 6 7 8 9 10 11 12 Calculator 13 14 15 ... 阅读全文
posted @ 2019-12-27 11:05 Nobility 阅读(183) 评论(0) 推荐(0)
div基本操作
摘要：一、DIV 样式只能在css中设置 浮动： float： left 左浮动 right 右浮动 div中文字居中 display：table-cell 以table形式展示 vertacal-align table独有对齐方式 overflow: hidden; 超出部分隐藏 hidden 隐藏 s 阅读全文
posted @ 2019-12-27 10:59 Nobility 阅读(354) 评论(0) 推荐(0)
CSS样式
摘要：一、CSS样式的写法 样式写法一：（写在head里面） <head> <style type="text/css"> div{ background(1.jpg); } </style> </head> <body> <div></div> </body> 样式写法二：（链接一个css文件） myc 阅读全文
posted @ 2019-12-27 10:58 Nobility 阅读(187) 评论(0) 推荐(0)
image、table、form的使用
摘要：一、属性设置 1.img标签 height：高 height：高 width：宽 相对位置——align 相对位置——align top：上 left：左 right：右 center：横向居中 bottom：下 middle：垂直居中 2.其它标签 标题标签：<h1> <h6>,数字越大，字体越小 阅读全文
posted @ 2019-12-27 10:57 Nobility 阅读(381) 评论(0) 推荐(0)
认识和了解web前端
摘要：a) 实现前端开发 b) HTML，CSS 界面 c) javascript 前台和后台交互 a) 部署我们的后台系统，效率高 b) 以后测试环境都要部署在linux。 a) 用于和计算机沟通，让计算机实现要它干的事情。 1 HTML 1.1 思考：我们用计算机来干什么？ 1.1.1 打游戏：第一步 阅读全文
posted @ 2019-12-27 10:54 Nobility 阅读(279) 评论(0) 推荐(0)