PC端页面
关注
分享
扫一扫
主要涉及到PC端页面的开发和整理
小奔跳跳
技术之路，无穷无尽，尽然选择，便要一如既往，蹦蹦跳跳，愉快地立于天地之间。天行健，大侠当坚韧不拔，地势坤，大侠当始终如一。
展开
-
html中居中操作
采用css样式，进行代码样式：代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .h1{ width: 400px; height: 400px; background-colo原创 2020-08-04 20:10:19 · 4408 阅读 · 0 评论 -
js表单校验
js表单校验代码<script> function validate(){ f=document.reg_form; if(f.uname.value==""){ alert("请输入姓名"); f.uname.focus(); ...原创 2019-12-30 10:21:28 · 195 阅读 · 0 评论 -
html中短竖线的实现
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .xsx{ float:left; width: 1p...原创 2019-12-25 09:44:31 · 4705 阅读 · 0 评论 -
html画一条竖线
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .sx{ float:left; margin-top...原创 2019-12-25 09:35:34 · 9571 阅读 · 0 评论 -
html中虚线和实线
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .content{ height: 400px; wi...原创 2019-12-25 09:21:45 · 6893 阅读 · 0 评论 -
html中按钮样式
css样式.tijiao{ background: #ff6600; border: 0; margin: 0; padding: 5px 20px; color: #fff; font-weight: bold; border-radius: 3px; cursor: pointer;}代码<input type="...原创 2019-12-22 03:54:26 · 3027 阅读 · 0 评论 -
一个注册页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面</title> <style> body,input{ margin: 0; ...原创 2019-11-19 17:49:30 · 355 阅读 · 0 评论 -
一个登录页面
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>登录</title> <link rel="stylesheet" type="text/css" href="css/login.css"> <style&...原创 2019-11-19 17:09:51 · 683 阅读 · 0 评论 -
js中点击删除，弹窗提示
删除代码： 删除js代码： 效果如下：原创 2019-11-10 00:31:30 · 1817 阅读 · 0 评论 -
一个简单的登录页面
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> body{ background-color: #FAFAD2; }...原创 2019-10-28 14:49:58 · 161 阅读 · 0 评论 -
table中边框线border的问题
html中直接使用border如下图所示，双边框<table border="1px solid #ccc" > <tr> <td>用户id</td> <td>用户名</td> <td>密码</td> </tr> <tr> <td&g...原创 2019-10-18 10:14:09 · 667 阅读 · 0 评论 -
文本框+搜索
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .text1 .kuangkuang{ height: 30px; ...原创 2019-09-18 20:43:40 · 447 阅读 · 0 评论 -
绝对定位盒子的居中
遇见压盖效果，应该用”绝对定位“技术来解决。 绝对定位的盒子不能用margin:0 auto;来居中，因为它已经脱离了标准文档流。 必须使用：**left:50%;margin-left:—自己的宽度的一半；（这里是负的）**...原创 2019-09-18 20:04:33 · 229 阅读 · 0 评论 -
HTML
1.概念html：超文本标记语言（最基础的网页开发语言）超文本：超文本是超链接的方法，将各种不同的空间的文字信息组织在一起的网状文本。标记语言：有标签构成的语言。如：html、xml标记语言不是编程语言语法：1.html文档后缀名 .html或者.htm2.标签分为1.围堵标签：有开始的标签，也要有结束的标签2.自闭标签：开始标签和结束标签在一起。3.标签可以嵌套4.在开始标...原创 2019-08-13 15:55:13 · 101 阅读 · 0 评论 -
html表格
<table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#ffe4c4" align="center"> <tr> <th>姓名</th> <th>学号</th> ...原创 2019-08-13 20:04:12 · 106 阅读 · 0 评论 -
css与html结合方式
css与html结合方式1.内联样式在标签内使用style属性指定css代码（如：<div style="color:yellow">你好，世界！</div>）2.内部样式<style> div{ color:yellow; }</style><div>你好，世界！</div>3.外部样式1.定义css...原创 2019-08-13 20:45:30 · 123 阅读 · 0 评论 -
注册页面
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; ...原创 2019-08-13 22:07:58 · 290 阅读 · 0 评论 -
一个简单的网页布局
一个简单的网页布局<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .header{ ...原创 2019-08-15 13:05:04 · 632 阅读 · 0 评论 -
padding
paddingpadding：内边距padding-top:上边距；padding-right：右边距；padding-botton：下边距；padding-left：左边距；上右下左padding：10px 20px 30px 40px；还是上右下左padding：10px 20px 30px；最后一个没有写出，按照上右下左的原则，是左没有写出，这里是省略了，它还是和右边距2...原创 2019-08-15 14:51:54 · 330 阅读 · 0 评论 -
相对定位与绝对定位（子绝父相）
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box{ width: 400px; height:...原创 2019-09-01 20:51:52 · 352 阅读 · 0 评论 -
相对定位
这种（按钮相对框）直接采用相对定位即可，<style> .context .text1{ background-color: pink; width: 400px; height: 400px; } .context .btn{ position: re...原创 2019-09-01 20:55:18 · 308 阅读 · 0 评论 -
绝对定位与相对定位
demo<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box{ border: 3px solid red; ...原创 2019-09-02 09:18:21 · 155 阅读 · 0 评论 -
html中三角形的做法
.sjx{ display: inline-block; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid red; border-bottom: 0;}<div> <i class="sjx"></i>&l...原创 2019-09-16 10:30:44 · 863 阅读 · 0 评论 -
web概念概述
web概念概述Javaweb：使用Java语言开发基于互联网的项目软件架构1.C/S：Client/Server 客户端/服务器端（在用户本地有一个客户端程序，在远程有一个服务器端程序，如QQ，迅雷）优点：用户体验好缺点：开发、安装、部署、维护操作起来麻烦2.B/S：Brower/Server 浏览器/服务器端（只需要一个浏览器，通过不同的网址（URL），客户访问不同的服务器端程序。...原创 2019-08-13 15:27:48 · 226 阅读 · 0 评论